一个渐变的优雅的分割线条（使用css定义）

【】效果

红线框中的淡灰色线条。

【】代码

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

【】思路

background属性中有一个渐变参数 linear-gradient。

通过此参数定义渐变色。

定义一个从左向右的渐变，颜色顺序为 #efefef-->#b6b6b6-->#efefef。高度为1px。这样效果就出来了。