CSS是一種用于定義網頁樣式的語言,本文介紹如何使用CSS實現左右漸變線。
.gradient-line { background: linear-gradient(to right, red, yellow); height: 2px; width: 100%; }
代碼中,我們使用了CSS的linear-gradient函數來實現漸變色。其中,to right表示從左向右漸變,red和yellow是兩種顏色。
接下來我們可以將這個CSS代碼應用到html頁面的某個元素上:
<div class="gradient-line"></div>
代碼中,我們創建了一個div元素,并賦予其.gradient-line類名。這個元素將會被我們剛剛編寫的CSS樣式所影響。
至此,我們便成功地使用CSS實現了左右漸變線。
上一篇css實現手風琴多列菜單
下一篇html和css學完以后