首页 > 代码库 > html菜单三条横线

html菜单三条横线

css样式

.menu-icon{
width: 0.9rem;
height: 0.45rem;
border-top: 0.1rem solid #ffffff;
border-bottom:0.1rem solid #ffffff;
background-color: #ffffff;
padding: 0.1rem 0;
margin-top:0.9rem;
background-clip:content-box;
}

html
<span style="font-family:Comic Sans MS;font-size:14px;">
<div class="menu-icon"></div>
</span>

显示效果

技术分享

 

html菜单三条横线