CSS導(dǎo)航條是每個(gè)網(wǎng)站中必不可少的元素之一,它可以幫助用戶(hù)快速地瀏覽網(wǎng)頁(yè),并且提高用戶(hù)體驗(yàn)。
下面是一個(gè)簡(jiǎn)單的CSS導(dǎo)航條代碼示例,您可以將它用在您的網(wǎng)站上。
<nav> <a class="active" href="#">Home</a> <a href="#">About</a> <a href="#">Services</a> <a href="#">Contact Us</a> </nav> <style> nav{ background-color: #333; overflow: hidden; } nav a{ float: left; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } nav a:hover{ background-color: #ddd; color: black; } .active{ background-color: #4CAF50; } </style>
您可以通過(guò)修改CSS樣式來(lái)改變導(dǎo)航條的顏色、字體、字號(hào)等樣式,使它更符合您的網(wǎng)站風(fēng)格。
希望這個(gè)簡(jiǎn)單的CSS導(dǎo)航條代碼能夠幫助您創(chuàng)建一個(gè)漂亮的網(wǎng)站導(dǎo)航,提高用戶(hù)體驗(yàn)。