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菜单三条横线

原文：http://www.cnblogs.com/lckblog/p/6042474.html