CSS中的漸變可以為我們的網頁增添更多美感和視覺效果，本文將為大家介紹如何使用CSS的漸變。 首先，我們需要使用漸變函數linear-gradient。這個函數需要在background或者background-image屬性中使用，并需要指定漸變的方向和漸變的顏色等參數。 下面就給大家舉個例子：

水平漸變：

div {
background: linear-gradient(to right, red, yellow);
}

垂直漸變：

div {
background: linear-gradient(to bottom, blue, green);
}

自定義方向漸變：

div {
background: linear-gradient(45deg, purple, orange);
}

漸變可以有多個顏色的組合，可以使用多個顏色逗號間隔的方式來表示。同時也可以使用不透明度的設置，可以通過rgba()函數來設置顏色的不透明度。

漸變帶不透明度：

div {
background: linear-gradient(to right, rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 1));
}

需要注意的是，漸變屬性的設置是有順序的，第一個參數是漸變的方向，后面的參數是顏色點，最后面的顏色點是最后一個結束的顏色。另外，漸變也可以使用角度來定義方向，方向可以是度數，也可以是rad弧度單位。 以上就是CSS中漸變的基本使用方法，希望本文可以幫助大家更好的運用CSS制作網頁。