其实之前已经分享过一篇，用纯CSS方式实现三横线（三道杠）的方法：
CSS小技巧:border-style:double制作三横线
具体代码：
{width:120px;height:20px;border-top:60pxdouble;border-bottom:20pxsolid;}
可能比本文实现的还简单，但既然学习到了padding实现三横线，那就看看padding是如何来实现的吧！
如上图实现的代码如下：
<style>.box{width:150px;height:30px;border-top:30pxsolid;//上边框border-bottom:30pxsolid;//下边框padding:30px0;//中间撑开两个透明区域background-color:currentColor;//当前的标签所继承的文字颜色，也可自定义颜色值//关于currentColor说明，详去大神网站去看：/wordpress//10/currentcolor-css3-powerful-css-keyword/background-clip:content-box;//这句话是只让背景色在内容区域显示，padding不算内容区了，就不会让padding那上下30px变色，就制作成了三横线！}</style><divclass="box"></div>
是不是很简单？
