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

代码：

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

 

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

 

效果如下：