background属性と影の知識、CSS3の新しいプロパティのいくつか!

CSS3の知識

背景のプロパティ

1、背景速記

  //背景:URL(IMG / 1.JPG)左なしリピートトップ。 

 

図2に示すように、マルチ背景

  各属性は、カンマで区切られました。

  通常、最後のセットで定義された背景色カバードバックグラウンド画像を避けるために、

  {
    背景:URL(IMG / 1.JPG)ノー・リピート左上、   
     URL(IMG / 2.JPG)ノー・リピート右下のピンク。
  }

 

図3に示すように、背景サイズは、背景画像のサイズを設定します

  表紙:自動的に画像が常にされていることを確認するために、ズーム比を調整埋めるオーバーフローセクションが非表示になります場合は、背景領域を、

  含ま:自動的に常に絵を保証するために、ズーム比を調整します、完全な背景領域の表示、背景領域が空白の場合があります。

 

4、背景の原点

  ボックスボーダー:基準として境界領域に配置された背景画像。

  ボックスパディング:参照としてパディング領域に配置された背景画像。

  ボックス内容:コンテンツ領域を基準として背景画像を表示します。

 

図5に示すように、背景クリップ

  通常背景原点で使用される背景色と背景荒削り、。

    ボックスボーダー:背景境界外縁まで延びるが、境界を押しています。

    ボックスパディング:パディング、背景の外縁まで延びています。

    ボックス内容:背景は、コンテンツ領域(コンテンツボックス)外縁部にクリップされます。

 

  1、テキストの影

    シャドウテキスト:影の色の水平位置から垂直位置ファジー。

  2、箱の影

    シャドーボックス:内側と外側を遮光影の色の影の大きさの水平位置から垂直位置ファジー。

            内部および外部のシェーディング:デフォルトでは、インセットを追加、変更に影ほしいですで、影の外にあります。

      {
        ボックスシャドウ:2ピクセル2ピクセル3px 4PX RGBA(0、0、0、0.4)、   
                     5pxの5pxの4PX RGBA(0、0、0,0.4)インセット。
      }     

  注:前記水平および垂直位置は必須であり、さらに、カンマで区切られた多層影重畳。

 

おすすめ

転載: www.cnblogs.com/isremya/p/12640014.html