CSS中涉及到漸變線的屬性主要是linear-gradient()函數(shù)。該函數(shù)用于創(chuàng)建線性漸變，即在兩個(gè)或多個(gè)顏色之間漸變。可用于背景、邊框等各種樣式上。

background: linear-gradient(方向, 顏色1, 顏色2, ..., 顏色n);

其中，方向是指漸變的方向，包括上下、左右、斜向等多種方向。可以用關(guān)鍵字left、right、top、bottom，以及角度度數(shù)來(lái)設(shè)定方向。顏色1、顏色2……顏色n是漸變中用到的顏色值。可以使用十六進(jìn)制、RGB、RGBA、顏色關(guān)鍵字等方式指定顏色值。

background: linear-gradient(left, #000000, #ffffff);
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
background: linear-gradient(-45deg, #ff0000, #00ff00, #0000ff);

上面的代碼分別表示從黑色到白色的左向右漸變，從紅色到紫色的左向右漸變，以及從紅色到藍(lán)色的斜向漸變。除此之外，還可以通過(guò)設(shè)置漸變的位置來(lái)實(shí)現(xiàn)多種效果。在顏色值后面加上關(guān)鍵字，用空格隔開即可。

background: linear-gradient(left, #ff0000, #ffff00 30%, #0000ff 70%);

上面代碼中表示從紅色到藍(lán)色的漸變，在30%的位置變?yōu)辄S色，70%的位置變?yōu)樗{(lán)色。