HTML5提供了一種設(shè)置顏色漸變的方法，通過(guò)CSS的漸變屬性實(shí)現(xiàn)。CSS漸變屬性包括線性漸變（linear-gradient）和徑向漸變（radial-gradient）。

線性漸變：

background: linear-gradient(方向, 起始顏色, 結(jié)束顏色);

其中，方向可以是top（從上到下）、right（從右到左）、bottom（從下到上）或left（從左到右）。起始顏色和結(jié)束顏色可以使用顏色名稱、十六進(jìn)制值或RGB值。

例如，設(shè)置從左到右的漸變：

background: linear-gradient(to right, red, blue);

徑向漸變：

background: radial-gradient(形狀大小位置, 起始顏色, 結(jié)束顏色);

其中，形狀可以是ellipse（橢圓形）或circle（圓形），大小位置可以使用半徑值或關(guān)鍵字（如closest-side、farthest-side）指定，起始顏色和結(jié)束顏色同樣可以使用顏色名稱、十六進(jìn)制值或RGB值。

例如，設(shè)置從內(nèi)到外的圓形漸變：

background: radial-gradient(circle at center, #ff0000, #0000ff);

通過(guò)設(shè)置漸變的起始顏色和結(jié)束顏色，可以實(shí)現(xiàn)更多變化豐富的漸變效果。