CSS怎么把導航平行？
在網頁設計中，導航欄是一個十分重要的組件。為了使設計更美觀，很多人會選擇讓導航欄水平排列。那么，該如何用CSS來實現這個效果呢？
首先，我們需要明確的是，導航欄是由一組鏈接組成的。那么，我們需要使用ul和li標簽來創建這些鏈接。代碼如下：

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

在這個例子中，我們創建了三個鏈接，它們之間以li標簽分隔。現在，我們可以使用CSS將這些鏈接變成水平排列：

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
li a {
display: block;
padding: 10px;
text-decoration: none;
color: #333;
}

這些CSS規則可以將ul的樣式設置為無序列表，將列表項(li)的樣式設置為inline-block，然后設置一些margin來調整鏈接之間的間距。最后，我們還可以設置一些鏈接的其他樣式，例如字體顏色、字體大小等等。
最終的效果是一個漂亮的水平導航欄，像這樣：

• Home


• About


• Contact

注意：在這個例子中，我們沒有使用float屬性來實現水平排列。使用float屬性同樣可以實現相同的效果，但是會出現一些其他問題，例如折行問題等等，因此我們不建議使用float屬性來實現水平排列。