CSS設(shè)置彩虹色背景是一種炫目、鮮艷的方法,可以為網(wǎng)頁(yè)增添活力。本文將介紹一種簡(jiǎn)單的實(shí)現(xiàn)方式。
<style> body { background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); } </style>
上述代碼中,我們通過linear-gradient屬性設(shè)置背景為漸變色,to right表示從左到右進(jìn)行漸變,后面跟隨七種顏色值,分別是紅、橙、黃、綠、藍(lán)、靛、紫,這七種顏色組合起來(lái)就形成了美麗的彩虹。
當(dāng)然,你也可以設(shè)置不同方向的漸變,比如垂直漸變、對(duì)角線漸變等等。只需要修改linear-gradient的第一個(gè)參數(shù)即可。
background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet); background: linear-gradient(to bottom right, red, orange, yellow, green, blue, indigo, violet);
上面兩行代碼分別實(shí)現(xiàn)了垂直漸變和對(duì)角線漸變,你可以試著修改參數(shù),看下效果。
總的來(lái)說(shuō),CSS設(shè)置彩虹色背景并不難,只需要把握好線性漸變的方向和顏色值即可。讓我們一起為網(wǎng)頁(yè)增加不同尋常的色彩吧!