標(biāo)簽來設(shè)置導(dǎo)航欄是比較常見的一種方式，而且可以通過CSS使導(dǎo)航欄固定在頁面的指定位置，提高用戶的使用體驗(yàn)。

首頁
新聞
產(chǎn)品
關(guān)于我們
聯(lián)系我們
.navigation {
position: fixed; /*使導(dǎo)航欄固定*/
top: 0;
left: 0;
width: 100%;
background-color: #333;
z-index: 9999;
}
.navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-around;
}
.navigation li {
margin: 0 10px;
}
.navigation a {
text-decoration: none;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 10px 15px;
border-radius: 5px;
transition: all 0.3s ease;
}
.navigation a:hover {
background-color: #fff;
color: #333;
}

在上述代碼中，通過設(shè)置.navigation類的position屬性為fixed，可以使導(dǎo)航欄固定在頁面的頂部，不會隨著頁面滾動而移動。同時，利用flex布局可以使導(dǎo)航欄的各個元素排列間距更緊密，提高整體的美觀度。

除此之外，通過hover偽類的使用，可以在用戶鼠標(biāo)懸停在導(dǎo)航欄元素上時，改變元素的背景色和文字顏色，增強(qiáng)交互效果，讓用戶更容易地進(jìn)行頁面操作。