CSS中的菜單或?qū)Ш讲藛瓮ǔ１挥糜谥谱骶W(wǎng)站的導(dǎo)航欄或頁眉等功能。有許多的方法可以創(chuàng)建菜單，本文將介紹三種最常用的菜單制作方法，分別是：

1.基于列表的菜單
2.基于無序列表的菜單
3.基于CSS的菜單

第一種基于列表的菜單方法較為簡單，只需要使用HTML中的<ul>和<li>標(biāo)簽，然后利用CSS樣式將其布局。常用的CSS樣式包括display、float、padding以及text-align等。

<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">關(guān)于我們</a></li>
</ul>

第二種基于無序列表的菜單方法更為簡單，只需要將<ul>替換為<nav>即可。

<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">關(guān)于我們</a></li>
</ul>
</nav>

第三種基于CSS的菜單方法則更加靈活，可以通過CSS樣式來實現(xiàn)不同的布局，結(jié)合偽類選擇器在菜單項懸停或點擊后添加交互效果。

<nav>
<ul class="menu">
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">關(guān)于我們</a></li>
</ul>
</nav>
<style>
.menu{
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}
.menu li{
float:left;
}
.menu li a{
display:block;
padding:10px 15px;
}
.menu li a:hover{
background-color:#ccc;
}
</style>

通過以上三種常用的菜單制作方法，在CSS中可以輕松快速地創(chuàng)建出各式各樣的導(dǎo)航菜單，以滿足不同的網(wǎng)站需求。