固定頂部導(dǎo)航欄是網(wǎng)站或移動(dòng)應(yīng)用的常見(jiàn)設(shè)計(jì)，可以讓用戶方便地瀏覽網(wǎng)站的各個(gè)頁(yè)面或功能。使用CSS3可以方便地實(shí)現(xiàn)固定頂部導(dǎo)航欄的效果。

具體實(shí)現(xiàn)方法如下：

nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
z-index: 10;
}

通過(guò)設(shè)置position: fixed;使得導(dǎo)航欄固定在頁(yè)面的頂部，top: 0;和left: 0;表示導(dǎo)航欄與頁(yè)面的邊界距離為0。設(shè)置width: 100%;使得導(dǎo)航欄的寬度占據(jù)整個(gè)頁(yè)面寬度，background-color: #ffffff;設(shè)置導(dǎo)航欄的背景色為白色，并且通過(guò)box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);添加一個(gè)陰影效果，讓導(dǎo)航欄看上去更加立體。最后使用z-index: 10;將導(dǎo)航欄的層級(jí)設(shè)置為10，使得導(dǎo)航欄一直位于頁(yè)面的最前面。

實(shí)現(xiàn)固定頂部導(dǎo)航欄后，我們可以給導(dǎo)航欄添加菜單或鏈接，讓用戶可以輕松地瀏覽網(wǎng)站的內(nèi)容。同時(shí)，需要注意如果導(dǎo)航欄中的鏈接數(shù)量過(guò)多，可以考慮將部分鏈接放到下拉菜單中，以免導(dǎo)航欄過(guò)于擁擠。