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

【】效果

红线框中的 淡灰色线条。

【】代码

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

【】思路

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

通过此参数定义渐变色。

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