CSS（Cascading Style Sheets）是一種用于渲染HTML和XML等網(wǎng)頁(yè)文檔的樣式表語(yǔ)言。通過(guò)CSS，我們可以實(shí)現(xiàn)網(wǎng)頁(yè)的各種各樣的樣式效果，其中包括給菜單添加樣式。

ul{
list-style:none;
margin:0;
padding:0;
}
li{
display:inline-block;
margin-right:20px;
}
a{
display:block;
padding:5px 10px;
text-decoration:none;
color:#333;
background-color:#f0f0f0;
border-radius:5px;
transition:all .3s ease;
}
a:hover{
background-color:#333;
color:#fff;
cursor:pointer;
}

上面代碼中，我們使用了

和
• 來(lái)創(chuàng)建一個(gè)無(wú)序列表，而且我們使用CSS處理這些元素。我們首先清除了這些元素默認(rèn)的一些樣式。在
• 中，我們使用了display:inline-block屬性將列表項(xiàng)變成了行內(nèi)塊元素，這樣它們就能夠排列在一行，并且允許我們?cè)O(shè)置寬度和高度，方便我們的布局。

  我們把標(biāo)簽應(yīng)用到每個(gè)列表項(xiàng)中，它們代表超鏈接，我們處理了它們的各種樣式。我們?cè)O(shè)置了標(biāo)簽display:block屬性，這意味著標(biāo)簽將充滿整個(gè)

• 標(biāo)簽，使其可點(diǎn)擊區(qū)域更大。我們還添加了padding屬性來(lái)調(diào)整標(biāo)簽內(nèi)部文本的填充。我們還為狀態(tài)添加了樣式屬性，使得當(dāng)用戶將鼠標(biāo)懸停在菜單項(xiàng)上時(shí)，它會(huì)因?yàn)楦谋尘邦伾兓?/p>

  這樣處理之后，我們的菜單就具有了交互性和美觀性，提高了整個(gè)網(wǎng)站的用戶體驗(yàn)。