CSS導航菜單是網站的重要組成部分，可以幫助用戶快速找到所需的內容。以下是一段簡單的CSS代碼來創建一個基本的橫向導航菜單。
nav {
background-color: #f2f2f2;
overflow: hidden;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav li {
float: left;
}
nav a {
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
}首先，我們創建了一個
接下來，我們使用了無序列表(ul)來包含導航項(li)。我們取消了列表項的樣式，并設置了邊距和內邊距為0。
在列表項中，我們使用了浮動(float: left;)來讓它們水平排列。在超鏈接(a)中，我們將它們設置為塊級元素(display: block;)，并給它們一些內邊距和文本樣式。
最后，我們使用了偽類(:hover)來為鼠標懸停狀態設置背景色，以提高用戶體驗。
<code>完整代碼如下：</code> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav>
你可以將這段代碼復制到你的網站中，然后根據需要進行修改和超鏈接的更新，以適配你的網站導航菜單。
上一篇php qq對話