在 CSS 中使用漸變色可以讓網(wǎng)站界面更加美觀，同時(shí)也可以提高用戶體驗(yàn)。下面通過一些例子來介紹怎樣調(diào)整 CSS 漸變色。

.background{
background: linear-gradient(to bottom, #FFB6C1, #FF69B4);
}

該例子中，我們使用了linear-gradient()函數(shù)來設(shè)置從上到下的顏色漸變。其中to bottom表示顏色變化的方向，這里是從上到下。#FFB6C1 和 #FF69B4 是兩個(gè)顏色的代碼表示，它們之間默認(rèn)平均分配顏色。我們可以更改這兩個(gè)顏色代碼來調(diào)整漸變色塊的顏色。

.background{
background: linear-gradient(to right, #FFB6C1 25%, #FF69B4 50%, #EE82EE 75%);
}

如果我們想要設(shè)置不同位置的顏色，可以像上例中一樣，為每個(gè)顏色指定占據(jù)的百分比。該例子中的linear-gradient()函數(shù)表示的是從左到右，25%、50% 和 75% 位置分別是 #FFB6C1、#FF69B4 和 #EE82EE。

.background{
background: radial-gradient(circle, #00ced1, #3297db, #2980b9, #2c3e50);
}

還可以使用radial-gradient()函數(shù)來創(chuàng)建圓形漸變。該例子中，我們創(chuàng)建了一個(gè)圓形的漸變色塊，從里到外依次是 #00ced1、#3297db、#2980b9 和 #2c3e50。如果想要更改漸變色塊的形狀或者漸變的位置，可以改變radial-gradient()中的參數(shù)。