其實之前已經分享過一篇，用純CSS方式實現三橫線（三道杠）的方法：
CSS小技巧:border-style:double制作三橫線
具體代碼：
{width:120px; height:20px;border-top:60px double;border-bottom:20px solid;}可能比本文實現的還簡單，但既然學習到了padding實現三橫線，那就看看padding是如何來實現的吧！
如上圖實現的代碼如下：
<style>
.box{
width: 150px;height: 30px;
border-top: 30px solid;//上邊框
border-bottom: 30px solid;//下邊框
padding: 30px 0;//中間撐開兩個透明區域
background-color:currentColor;//當前的標簽所繼承的文字顏色，也可自定義顏色值
//關于currentColor說明，詳去大神網站去看：http://www.zhangxinxu.com/wordpress/2014/10/currentcolor-css3-powerful-css-keyword/
background-clip: content-box;
//這句話是只讓背景色在內容區域顯示，padding不算內容區了，就不會讓padding那上下30px變色，就制作成了三橫線！
}
</style>
<div class="box"></div>是不是很簡單？