、CSS3背景画像領域
背景クリップ（指定された背景描画領域） ackground-クリップ：ボーダー・ボックス/パディングボックス/コンテンツボックス; / * なしパディング時間、コンテンツボックス、およびパディングボックスと同じ効果* /互換性：IE9 +、Firefoxの、クロム、サファリ、オペラ
二、CSS3の背景画像のローカリゼーション
背景位置（位置決め背景）
背景位置：PX /％...;
背景原点（背景画像設定要素元の開始位置）
背景の起源：パディングボックス|ボーダーボックス|コンテンツボックス。互換性：IE9 +、FireFox4 +、クロム、Safari5 +、オペラ
三、CSS3の背景画像のサイズ
背景サイズ（指定された背景画像のサイズ） 背景サイズ：PX /％/カバー/含まれ; / * カバー：背景画像は、完全に背景画像（すなわち、完全にブランク）はエリアカバーするのに十分な大きさに拡張 含まれました：完全に（少なくとも片面がブランクでない満たす）コンテンツ領域を適合させるように、最大画像サイズ、幅及び高さに拡張* /互換性：IE9 +、FireFox4 +、クロム、Safari5 +、オペラ
四、CSS3複数の背景画像
画像の背景：URL（img1.jpg）、URL（img2.png）; / * フロントに置かIMG1、IMG2は、背後に置きます/ *
五、CSS3グラデーション
直線勾配 - 上から下へ（デフォルト）
背景：直線勾配（方向、色ストップ1、色STOP2、...）。互換性：IE10 +、FireFox16 +（3.6 -moz-カーネル）、Chrome26 +（10.0 -webkit - ）、Safari6.1 +（5.1 - >のWebKit - ）、Opera12.1 +（11.6 -O-）
直線勾配 - 左から右へ
背景：-webkit-線形勾配（開始方向、色ストップ1、色STOP2、...）。 背景：-moz-線形勾配（末端方向、色ストップ1、色STOP2、...）。 背景：-O-線形勾配（末端方向、色ストップ1、色STOP2、...）。 背景：線形勾配（エンド方向、色ストップ1、色ストップ2へ、...）。 / * 注意WebKitの是起始方向* /
直線勾配 - 対角線
背景：-webkit-線形勾配（開始レベルを開始する垂直、色ストップ1、色STOP2、...）。 背景：-moz-線形勾配（エンド・レベルのエンド垂直、色ストップ1、色STOP2、...）。 背景：-O-線形勾配（エンド・レベルのエンド垂直、色ストップ1、色STOP2、...）。 背景：リニアグラジエント（へのエンド・レベルのエンド垂直、色ストップ1、色STOP2、...）。 / * 注意WebKitの是起始方向* /
直線勾配 - カスタム角度
背景：-webkit-の直線勾配（角度、カラーストップ1、カラーストップ2、...）; // 左から右へのデフォルト の背景：-moz-の直線勾配（角度、カラーストップ1、カラーストップ2、 ...）; //ボトムアップからのデフォルト 背景：-O-線形勾配（角度、色ストップ1、色STOP2、...）; // ボトムアップからのデフォルト 背景：線形勾配（角度、色ストップ1、色STOP2 、...）; // ボトムアップからデフォルト（高優先度） / * ゜角度単位/ *
直線勾配 - カスタム色分布ノード
構文：上記と同じ、プラス「スペース+パーセント、」カラー値の後に（透明色：透明）
リニアグラジエント - 繰り返し勾配
構文：同上、および線形前repeating-追加
放射状グラデーション
背景：ラジアル勾配（中央、サイズ形状、色、スタート、...、最終-カラー）; / * デフォルトでは、中心の中心には、書いていない の中心値を：PX /％のような、中心位置を配置することができます* /
放射状グラデーション - 色均一に分散ノード（デフォルト）
背景：-webkit-ラジアル勾配（色ストップ1、色STOP2、...）。 背景：-moz-ラジアル勾配（色ストップ1、色STOP2、...）。 背景：-O-ラジアル勾配（色ストップ1、色STOP2、...）。 背景：半径方向の勾配（色ストップ1、色STOP2、...）。
放射状グラデーション - カスタム色分布ノード
構文：線形と共感
半径方向の勾配 - 形状を設定し
背景：-webkit-ラジアル勾配（形状、色ストップ1、色STOP2、...）。 背景：-moz-ラジアル勾配（形状、色ストップ1、色STOP2、...）。 背景：-O-ラジアル勾配（形状、色ストップ1、色STOP2、...）。 背景：半径方向の勾配（形状、色ストップ1、色STOP2、...）。 / * 形状的值： 丸-圆形 楕円-椭圆（默认）* /
放射状グラデーション - サイズ（キーワードを使用して）
背景：ラジアル- WebKitの勾配（サイズ、色STOP1、STOP2-色、...）; 背景：-moz-ラジアル勾配（サイズ、色STOP1、STOP2-色、...）; 背景： -放射状の勾配（サイズ、STOP1、カラー、色STOP2、...）O; 背景：放射状の勾配（サイズ、STOP1、カラー、色STOP2、...）; / * キーサイズ概要（中心に対して） 最も近い側：の最も近いエッジ 遠い側：最遠端 の最も近いコーナー：最近角度 最も遠いコーナー：最も遠いコーナー* /
放射状グラデーション - グラデーションを繰り返し
構文：線形と共感
IEブラウザ勾配の低いバージョン
フィルタ：プログラムID：DXImageTransform.Microsoft.gradient（> StartColorstr = 'カラー1'、EndColorstr = 'カラー2'、するGradientType = 0）。
統合されたケース：
<！DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < タイトル>综合</ タイトル> < スタイルタイプ= "テキスト/ cssの" > のdiv { 幅：800ピクセル; 高さ：500pxなど。 背景：#abcdef 。 背景サイズ：は50pxは50px ;： -webkit勾配（線形、0 0、100％、100％、カラーストップ（0.25、＃555）、カラーストップ（0.25、透明）、（透明）まで）、 -webkit勾配（線形、 0 100％、100％0、色ストップ（0.25、＃555）、（透明））に色ストップ（0.25、透明）、 -webkit勾配（線形、0 0、100％、100％、カラーストップ（0.75、透明）、カラーストップ（0.75、＃555））、 -webkit勾配（線形、0〜100％、100％0、色ストップ（0.75、透明）、カラーストップ（0.75、＃555）） 。 背景画像： -moz-線形勾配（45deg、＃555の25％、25％透明、透明）、 -moz-線形勾配（-45deg、＃555の25％、25％透明、透明） -moz-線形勾配（45deg、透明75％、＃555 75％）、 -moz-線形勾配（-45deg、透明75％、＃555 75％） 線形勾配（-45deg、＃555の25％、25％透明、透明）; 背景画像： -O-線形勾配（45deg、＃555の25％、25％透明、透明）、 -O-線形勾配（-45deg、＃555の25％、25％透明、透明）、 - O-線形勾配（45deg、透明75％、＃555 75％）、 -O-線形勾配（-45deg、透明75％、＃555 75％） 。 背景画像： リニアグラジエント（45deg、＃555の25％、25％透明、透明）、 線形勾配（45deg、透明75％、＃555 75％）を、 線形勾配（-45deg、透明75％、＃555 75％） 。 } </ スタイル> </ ヘッド> <ボディ> < DIV > </ DIV > </ ボディ> </ HTML >