當我們在編寫網頁時,經常會用到超鏈接(link),它可以使我們的網頁與其他頁面、文檔、圖片等相關聯。
在CSS中,我們可以使用:link
,:visited
以及:hover
等偽類來控制超鏈接的樣式。其中,:link
偽類用于控制未訪問的鏈接樣式,:visited
偽類則用于控制已訪問鏈接的樣式,而:hover
偽類則用于控制鼠標懸停在鏈接上的樣式。
a:link { color: blue; /* 未訪問鏈接樣式 */ text-decoration: none; /* 去掉下劃線 */ } a:visited { color: purple; /* 已訪問鏈接樣式 */ } a:hover { color: red; /* 鼠標懸停鏈接樣式 */ }
上述代碼中,我們通過設置color
屬性來改變鏈接的顏色,并使用text-decoration
屬性去除鏈接下劃線。在鼠標懸停時,鏈接的顏色變為紅色。
除了color
和text-decoration
屬性,我們還可以使用其他屬性如border-bottom
,background-color
,font-weight
等來裝飾鏈接。
總之,在使用超鏈接時,控制其樣式可以使頁面更美觀,也能提高用戶對網站的訪問體驗。
上一篇文字選中css樣式
下一篇mysql 給列添加注釋