CSS制作菜單按鈕圖標是一個常見的設計需求。以下是一個示例，展示如何使用CSS創(chuàng)建一個簡單的菜單按鈕圖標。

.menu-btn{
width:30px;
height:20px;
position:relative;
}
.menu-btn:before{
content:'';
display:block;
position:absolute;
left:0;
top:0;
width:30px;
height:3px;
background-color: #000;
border-radius:2px;
box-shadow:0 10px 0 #000, 0 -10px 0 #000;
}
.menu-btn:after{
content:'';
display:block;
position:absolute;
left:0;
bottom:0;
width:30px;
height:3px;
background-color: #000;
border-radius:2px;
box-shadow:0 10px 0 #000, 0 -10px 0 #000;
}

代碼解釋：

首先，我們?yōu)榘粹o設置了一個寬度和高度。然后，我們使用:before和:after偽元素為按鈕添加了兩條水平線。這兩個偽元素的位置和顏色都相同。

我們使用box-shadow屬性為這些線添加了一些陰影效果，使它們看起來更加立體。

最后，我們使用border-radius屬性為線添加了圓角，使它們更加柔和。