CSS漸變背景色可以通過background
屬性的linear-gradient()
函數來設置。
語法:
background: linear-gradient(direction, color-stop1, color-stop2, ...);
參數解釋:
direction
: 漸變的方向,可以是to top
(從下往上)、to bottom
(從上往下)、to left
(從右往左)或to right
(從左往右)。
color-stopX
: 漸變的顏色和位置。可以是一個顏色值,或者是顏色值和位置的組合。位置可以是像素、百分比或關鍵詞。
示例:
div {
background: linear-gradient(to right, red, yellow);
}
這個例子中,div
元素的背景色從左到右漸變,起始顏色為紅色,結束顏色為黃色。