代碼:
<div style="background:linear-gradient(to left,#FFFFFF,#b6b6b6,#FFFFFF);height:1px;"></div>
使用background屬性中的漸變參數,linear-gradient,通過參數定義漸變色,定義一個從左到右的漸變,顏色順序為#FFFFFF-->#FF0000-->#FFFFFF,高度為1px,便可得到一條漸變過渡的分割線。
效果如下:
代碼:
<div style="background:linear-gradient(to left,#FFFFFF,#b6b6b6,#FFFFFF);height:1px;"></div>
使用background屬性中的漸變參數,linear-gradient,通過參數定義漸變色,定義一個從左到右的漸變,顏色順序為#FFFFFF-->#FF0000-->#FFFFFF,高度為1px,便可得到一條漸變過渡的分割線。
效果如下:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。