在 HTML 中,設置導航顏色是一個很常見的需求。您可以使用 CSS 來為您的導航欄配置顏色。下面是一個簡單的例子:
<style> #navbar { background-color: #333; color: white; -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; padding: 10px; } #navbar ul { list-style: none; margin: 0; padding: 0; } #navbar li { display: inline; } #navbar a { color: #fff; text-decoration: none; margin-right: 10px; } #navbar a:hover { color: #fff; background-color: #444; } </style> <div id="navbar"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div>
在這個例子中,我們使用 CSS 選擇器來選擇我們想要調整樣式的元素。例如,我們使用 id 選擇器來選擇導航欄,然后應用背景色、顏色、陰影和邊距屬性。
我們還將無序列表的樣式設置為不帶符號,沒有邊距和填充,然后將每個列表項顯示為行內元素。我們使用鏈接元素的顏色和文本裝飾屬性來設置正常狀態下的鏈接樣式,并在鼠標懸停時設置其背景色為稍微深一點的灰色。
您可以根據自己的需要調整 CSS 屬性和值。這是一個基礎示例,用于幫助您開始設置您自己的導航顏色。