在現代的網站設計中，手機菜單越來越普遍。為了適應不同的設備和屏幕尺寸，開發者們通常會使用CSS來定制菜單的樣式和響應式行為。

/* CSS代碼示例 */
.menu {
display: none; /*默認隱藏菜單*/
position: absolute;
top: 50px;
left: -1000px; /*左移菜單*/
z-index: 9999;
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
transition: left 0.4s ease-out;
}
.menu.active {
display: block; /*顯示菜單*/
left: 0; /*右移菜單*/
}
.menu li {
padding: 10px 15px;
border-bottom: 1px solid #eee;
}
.menu li:last-child {
border-bottom: none;
}

上述CSS代碼的作用主要是將菜單隱藏并在需要時顯示出來，菜單項的樣式也可以根據需求進行調整。使用CSS設計手機菜單可以提高用戶體驗，讓網站在不同設備上都能正常訪問。