### 顏色之RGBA
> RGB是一種色彩標準,是由紅(R)、綠(G)、藍(B)的變化以及相互疊加來得到各式各樣的顏色。RGBA是在RGB的基礎上增加了控制alpha透明度的參數。
語法:
```css
color:rgba(R,G,B,A)
```
以上R、G、B三個參數,正整數值的取值范圍為:0 - 255。百分數值的取值范圍為:0.0% - 100.0%。超出范圍的數值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分數值。A為透明度參數,取值在0~1之間,不可為負值。
```css
background-color:rgba(100,120,60,0.5);
```
### 漸變色彩
> CSS3 Gradient 分為線性漸變(linear)和徑向漸變(radial)。由于不同的渲染引擎實現漸變的語法不同,這里我們只針對線性漸變的 W3C 標準語法來分析其用法,其余大家可以查閱相關資料。W3C 語法已經得到了 IE10+、Firefox19.0+、Chrome26.0+ 和Opera12.1+等瀏覽器的支持。
```css
linear-gradient(to bottom, #fff, #999);
```
參數:
第一個參數:指定漸變方向,可以用“角度”的關鍵詞或“英文”來表示:
角度|用英文表示|作用
---|---|---
0deg|to top|從下向上
90deg|to right|從左向右
180deg|to bottom|從上向下
270deg|to left|從右向左
|to top left|右下角到左上角
|to top right|左下角到右上角
第一個參數省略時,默認為“180deg”,等同于“to bottom”。
第二個和第三個參數,表示顏色的起始點和結束點,可以有多個顏色值。
```css
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
```