CSS可以被用來實(shí)現(xiàn)菜單導(dǎo)航，并且通過添加一些樣式可以讓菜單看起來更加美觀。以下是一些實(shí)現(xiàn)菜單導(dǎo)航的方法：

/* Menu樣式 */
ul {
list-style-type: none; /*去掉默認(rèn)的圓點(diǎn)列表樣式*/
margin: 0;
padding: 0;
}
li {
display: inline-block; /*使菜單項(xiàng)在同一行顯示*/
}
a {
display: block; /*設(shè)置超鏈接為塊元素*/
font-size: 16px;
padding: 10px 20px; /*設(shè)置內(nèi)邊距*/
text-decoration: none; /*去掉下劃線*/
color: #333; /*文本顏色*/
}
a:hover {
background-color: #f1f1f1; /*鼠標(biāo)懸停時(shí)背景顏色*/
color: #000; /*鼠標(biāo)懸停時(shí)文本顏色*/
}

以上樣式可以應(yīng)用于HTML中的菜單代碼：

<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>

在HTML中添加這個(gè)代碼后，就可以看到一個(gè)簡單的帶有鼠標(biāo)懸停效果的菜單導(dǎo)航欄。在這里你可以定制樣式來滿足你網(wǎng)站的需求。