css制作三条杠

效果图:

html代码:

　　　　<div class="wrap">
            <div class="test">
                
            </div>
        </div>

css代码：

　　　　　body{
                background-color: #008000;
            }
            .wrap{
                border: 1px solid white;
                width: 30px;
                padding: 10px;
                border-radius: 4px;
            }
            .test{
                width: 30px;
                background-color: white;
                border-top: 3px solid white;
                border-bottom: 3px solid white;
                background-clip: content-box;
                height: 3px;
                padding: 6px 0px;
            }