CSS 的超級鏈接顏色可以通過給鏈接文本設置顏色屬性來改變,下面讓我們看一下如何實現這一效果。
a {
color: red; /* 將文本顏色設置為紅色 */
text-decoration: none; /* 去除下劃線 */
}
a:hover {
color: blue; /* 當鼠標懸停在鏈接上時,將文本顏色設置為藍色 */
text-decoration: underline; /* 添加下劃線 */
}
在上面的代碼中,我們先將超級鏈接的文本顏色設置為紅色,并去除下劃線。接著,當鼠標懸停在鏈接上時,我們將文本顏色改為藍色,并添加下劃線。
除了使用顏色屬性,我們還可以使用 background-color 屬性來設置鏈接的背景顏色。下面是一個例子:
a {
background-color: #fff; /* 將背景顏色設置為白色 */
color: #000; /* 將文本顏色設置為黑色 */
text-decoration: none; /* 去除下劃線 */
}
a:hover {
background-color: #000; /* 當鼠標懸停在鏈接上時,將背景顏色設置為黑色 */
color: #fff; /* 將文本顏色設置為白色 */
}
在上面的代碼中,我們將超級鏈接的背景顏色設置為白色,文本顏色設置為黑色,讓其與頁面其他內容有明顯的區分。然后當鼠標懸停在鏈接上時,我們將背景顏色改為黑色,文本顏色改為白色。