CSS implementation of three bars

The style is roughly as follows:

The html code is as follows:

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

• 1

The css is as follows:

.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

It is also possible to useborder-style: doubleThe way to do this:

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

• 1

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

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