CSS实现三道杠

样式大致如下：

html代码如下：

<i class="icon-menu"></i>

• 1

css如下：

.icon-menu {
    display: inline-block;
    width: 140px; height: 10px;
    padding: 35px 0;
    border-top: 10px solid;
    border-bottom: 10px solid;
    background-color: currentColor;
    background-clip: content-box;
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

还可以使用border-style: double的方式来实现：

<div class="border"></div>

• 1

.border {
  width: 120px;
  height: 120px;
  border-top: 60px double;
  border-bottom: 20px solid;
}

• 1
• 2
• 3
• 4
• 5
• 6