Css3-色の色

まず、色RGBA

　　RGBは,,（R＆LT）赤、緑、青（B）の変化（G）から構成され、さまざまな色を得るために、互いに重畳され、色標準です。RGBA制御は、RGBに基づいて増加されるアルファパラメータ透明度。

　　语法：色：RGBA（R、G、B、A）

　　R、G、Bの3つのパラメータの範囲内の正の整数値：0から255。範囲内のパーセント値：0.0％ - 100.0％は、値が最も近い時点の範囲限界値の外であろう。Aは、0と1の間の値、透明度パラメータであり、負にすることはできません。

第二に、グラデーショングラデーション

　　 勾配への直線勾配（線形）と半径方向の勾配（半径）。

　　1.線形グラデーション 

　　構文： 

　　           線形勾配線形勾配（勾配方向の角度、開始および色のエンドポイント（二2の色値が複数存在してもよいです）） 

      パラメータ：最初のパラメータは：勾配方向を指定し、「使用できる角度」またはキーワード「英語」を示すために：

      

　　注意：最初のパラメータが省略されている場合、デフォルトは「原稿180°」は、「下へ」に相当します。

1  <！DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  
4  < ヘッド> 
5      < メタのcharset = "UTF-8" > 
6      < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1.0 " > 
7      < メタHTTP-当量=" X-UA-互換」コンテンツ= "IE =縁" > 
8      < タイトル>グラデーション</ タイトル>
     > 
10          #box { 
11              幅：300ピクセル。
12              高さ：100pxに。
13              テキスト整列：センター。
14              行の高さ：100pxに。
15              背景画像：（左、赤、オレンジ、黄、緑、青、藍、紫に）線形勾配。
16          } 
17      </ スタイル> 
18  </ ヘッド> 
19  
20  < ボディ>
21は、 
22が 
23である     < DIV ID = "ボックス" > 
24          左右背景直線勾配から
 25      </ DIV > 
26である 
27  </ ボディ> 
28  
29  </ HTML >

リニアグラジエント

 

　　2.放射状グラデーション

　　構文：  　　　　　　　　　　　   

               径向渐变ラジアル勾配（位置の形状サイズ、開始色、...、最後の色）。

　　 

1  <！DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  
4  < ヘッド> 
5      < メタのcharset = "UTF-8" > 
6      < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1.0 " > 
7      < メタHTTP-当量=" X-UA-互換」コンテンツ= "IE =縁" > 
8      < タイトル>グラデーション</ タイトル>
     > 
10          ＃BOX1 { 
11              幅：100pxに。
12              高さ：100pxに。
13              行の高さ：100pxに。
14              テキスト整列：センター。
15              背景：ラジアル勾配（赤、緑、青）。
16          } 
17      </ スタイル> 
18  </ ヘッド> 
19  
20  < 本体> 
21  
22      <DIV ID = "BOX1" > 
23は         、半径方向勾配
 24      </ DIV > 
25  
26である </ ボディ> 
27  
28  </ HTML >

放射状グラデーション