通過CSS可以輕松控制導(dǎo)航菜單的樣式和行為，包括菜單的字體、背景顏色、邊框樣式、懸停效果等。下面介紹幾個常用的CSS屬性來控制導(dǎo)航菜單。

nav {
background-color: #333;
height: 50px;
}
nav a {
display: inline-block;
color: #fff;
text-decoration: none;
padding: 15px 20px;
transition: background-color 0.3s ease;
}
nav a:hover {
background-color: #666;
}

以上代碼中，“nav”是菜單的外層容器，設(shè)置了背景顏色和高度。而“nav a”則是導(dǎo)航菜單每個鏈接的樣式，通過“inline-block”讓鏈接橫向排列，并設(shè)置顏色、裝飾等等。同時，還設(shè)置了一個漸變效果，在鼠標(biāo)懸停到鏈接上時，背景顏色會漸變?yōu)樯钜稽c的顏色。

如果你希望導(dǎo)航菜單有下拉效果，則可以使用CSS的“hover”屬性，如下所示：

nav ul {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
display: none;
}
nav li:hover >ul {
display: block;
}
nav ul li {
display: block;
width: 200px;
}
nav ul li a {
display: block;
background-color: #444;
color: #fff;
padding: 10px;
}
nav ul li a:hover {
background-color: #666;
}

以上代碼實現(xiàn)了一個簡單的下拉菜單效果。具體來說，“nav ul”是下拉菜單的樣式，先設(shè)置了padding和margin，然后將position設(shè)為absolute，并且display設(shè)為none。這樣一開始下拉菜單是隱藏的。當(dāng)鼠標(biāo)懸停到包含“ul”的“l(fā)i”上時，通過“hover”屬性將下拉菜單的display變?yōu)閎lock，即顯示出來。而下拉菜單中的鏈接樣式基本與前面的一樣，但注意要將“ul”容器中的“l(fā)i”和“a”樣式調(diào)整一下。