頂部導航是網頁設計中經常使用的一種元素，它通常位于網頁的頂部，用于鏈接不同的頁面或者網站的不同功能。在css中，我們可以使用眾多屬性來對頂部導航進行樣式設置，以下是一些常用的樣式屬性說明： 首先，我們可以設置頂部導航的高度和寬度。

.nav {
height: 50px;
width: 100%;
}

這段代碼將會將頂部導航設置為高度為50px，寬度為100%。 接著，我們可以使用背景顏色或者背景圖像來美化頂部導航。

.nav {
background-color: #333;
background-image: url("images/logo.pgn");
background-repeat: no-repeat;
background-position: center;
}

這段代碼將會將頂部導航的背景顏色設置為#333，同時添加了一個logo圖片的背景圖像，并將其居中。 除此之外，我們也可以設置頂部導航的字體顏色和字體類型。

.nav {
color: #fff;
font-family: Arial, sans-serif;
}

這段代碼將會將頂部導航的字體顏色設置為白色，并且將字體類型設置為Arial或sans-serif中的任一種。 最后，我們還可以為頂部導航設置鼠標懸停時的效果。

.nav a:hover {
color: #F00;
text-decoration: underline;
}

這段代碼將會在鼠標懸停在頂部導航上時，將鏈接字體顏色設置為紅色，并添加下劃線的效果。 總之，在css中，我們可以通過設置不同的屬性，來對頂部導航進行美化和功能擴展。學習和掌握這些技巧，可以幫助我們將網頁設計得更加精美和實用。