CSS中常用的漸變屬性主要包括線性漸變（linear-gradient）和徑向漸變（radial-gradient）。兩者都可以實現從一種顏色漸變到另一種顏色，實現美妙的視覺效果。

線性漸變的語法如下：

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

其中方向可選值有to top，to bottom，to left，to right，to top left等，表示漸變的方向。顏色可以填寫顏色值（rgb, rgba, hex等）或漸變色（color-stop）。

徑向漸變的語法如下：

background: radial-gradient(形狀大小, 位置, 顏色1, 顏色2, ...);

其中形狀大小可選值有ellipse、circle以及具體的大小，如100px 50px。位置可以是百分比表示位置，也可以是具體像素值。顏色同樣可以填寫顏色值或漸變色。

在使用漸變時，還可以設置顏色的過渡方式，包括線性過渡（linear）和離散過渡（discrete）。線性過渡實現顏色的平滑過渡，而離散過渡則顯示分明的不同顏色塊。可通過如下語法進行設置：

background: linear-gradient(方向, 顏色1， 顏色2， ...);
background-image: linear-gradient(方向, 顏色1， 顏色2， ...) /*IE9+*/
background-image: -webkit-linear-gradient(方向, 顏色1， 顏色2， ...)/*Safari5.1+
background-image: -moz-linear-gradient(方向, 顏色1， 顏色2， ...)/*FF3.6+*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#xxxxxx',endColorstr='#xxxxxx', GradientType=0)/*IE6-9*/

使用漸變屬性時需要注意相容性問題。在不同的瀏覽器中支持的漸變屬性不盡相同，需要進行瀏覽器兼容的處理。