CSS 定义一条渐变优雅的分割线

代码:

<div style="background:linear-gradient(to left,#FFFFFF,#b6b6b6,#FFFFFF);height:1px;"></div>

使用background属性中的渐变参数,linear-gradient,通过参数定义渐变色,定义一个从左到右的渐变,颜色顺序为#FFFFFF-->#FF0000-->#FFFFFF,高度为1px,便可得到一条渐变过渡的分割线。

效果如下:

原文地址:https://www.cnblogs.com/helloyoyo/p/12767691.html