HTML 導航條是建立在 HTML 代碼之上的,用于在網頁中導航的界面組件。它是一個由鏈接、菜單和按鈕組成的系統,可以幫助用戶在網站上找到信息。導航條的設計需要考慮到很多因素,其中之一就是顏色。下面我們來討論一下 HTML 導航條顏色代碼。
/*導航條背景顏色代碼*/ nav { background-color: #333; } /*文字顏色代碼*/ nav a { color: #fff; } /*鼠標懸停顏色代碼*/ nav a:hover, nav a:active { color: #f00; } /*選中項顏色代碼*/ nav .active { color: #f00; font-weight: bold; }
導航條背景顏色代碼使用background-color
屬性指定,這里使用的顏色代碼是#333
,表示深灰色。
文字顏色代碼使用color
屬性指定,這里使用的顏色代碼是#fff
,表示白色。
當鼠標懸停在導航條鏈接上時,需要改變鏈接的顏色。使用a:hover
和a:active
選擇器來實現。這里使用的顏色代碼是#f00
,表示紅色。
選中項顏色代碼使用.active
類選擇器指定,這里設置選中項的顏色為#f00
,表示紅色,使用font-weight
屬性將文字加粗。
上一篇vue gitlab
下一篇html怎么用源代碼排版