CSS可以實現導航欄固定,讓頁面更加美觀和易于使用。下面是一個簡單的CSS代碼示例,演示如何實現固定導航欄。
/* 將導航欄設置為固定的,然后設置其位置和樣式 */ nav { position: fixed; top: 0; left: 0; width: 100%; background-color: #333; color: #fff; padding: 10px; } /* 稍微調整樣式,使導航欄更加漂亮 */ nav a { color: #fff; text-decoration: none; margin-right: 15px; } /* 更改網頁主體部分的上邊距,以便滾動時內容不會被導航欄覆蓋 */ body { padding-top: 50px; }
需要注意的是,這個代碼需要應用于所有你想要有固定導航欄的頁面。你可以在CSS文件中定義一個通用的“nav”類,然后在HTML中每個頁面使用它。
上一篇css實現圖片層疊
下一篇mysql5.0版本語法