CSS漸變色背景可以通過linear-gradient()
或radial-gradient()
函數來設置。
linear-gradient()
函數接受兩個或多個顏色值作為參數,可以設置漸變的方向和顏色的起始和結束位置。
語法:background: linear-gradient(direction, color-stop1, color-stop2, ...);
示例:
從上到下漸變:background: linear-gradient(to bottom, #ff0000, #0000ff);
從左上到右下漸變:background: linear-gradient(45deg, #ff0000, #0000ff);
radial-gradient()
函數接受兩個或多個顏色值作為參數,可以設置漸變的起始位置、半徑和顏色的起始和結束位置。
語法:background: radial-gradient(shape size at position, start-color, ..., last-color);
示例:
從內到外徑向漸變:background: radial-gradient(circle, #ff0000, #0000ff);
從左上角向四周徑向漸變:background: radial-gradient(at top left, #ff0000, #0000ff);
以上是兩種常見的漸變色背景設置方法,你可以根據需要選擇適合的方式來設置漸變效果。