導(dǎo)航欄是網(wǎng)頁(yè)中重要的組成部分之一，而使導(dǎo)航居頂部則是許多網(wǎng)頁(yè)設(shè)計(jì)師所追求的效果之一。CSS是網(wǎng)頁(yè)中控制樣式的重要語(yǔ)言之一，下面，我們將教你如何使用CSS使導(dǎo)航欄頂部對(duì)齊。

首先，我們需要對(duì)導(dǎo)航欄進(jìn)行定位，將其設(shè)置為絕對(duì)定位（position: absolute;）。同時(shí)，我們需要將導(dǎo)航欄的寬度設(shè)置為100%（width: 100%;），確保它覆蓋整個(gè)網(wǎng)頁(yè)的頂部。

nav {
position: absolute;
width: 100%;
}

接著，我們需要將導(dǎo)航項(xiàng)進(jìn)行水平居中。我們可以使用text-align屬性來(lái)實(shí)現(xiàn)。同時(shí)，我們需要將導(dǎo)航項(xiàng)設(shè)置為行內(nèi)塊級(jí)元素（display: inline-block;），這樣它們才能水平排列。

nav li {
display: inline-block;
text-align: center;
}

然后，我們需要將導(dǎo)航項(xiàng)垂直居中。我們可以使用line-height屬性來(lái)控制導(dǎo)航欄的高度，并將其設(shè)置為與導(dǎo)航項(xiàng)相等的高度（假設(shè)導(dǎo)航項(xiàng)高度為30px）。

nav {
position: absolute;
width: 100%;
height: 30px;
line-height: 30px;
}
nav li {
display: inline-block;
text-align: center;
height: 30px;
}

最后，我們需要將導(dǎo)航欄背景色設(shè)置為透明，并將其置于網(wǎng)頁(yè)的最頂層，這樣就能實(shí)現(xiàn)導(dǎo)航欄的頂部對(duì)齊。

nav {
position: absolute;
width: 100%;
height: 30px;
line-height: 30px;
background-color: transparent;
z-index: 9999;
}
nav li {
display: inline-block;
text-align: center;
height: 30px;
}

通過(guò)以上的CSS設(shè)置，我們就能輕松地將導(dǎo)航欄置于網(wǎng)頁(yè)頂部，并實(shí)現(xiàn)頂部對(duì)齊的效果。