CSS設(shè)置超鏈接不同狀態(tài)
CSS(層疊樣式表)可以用來(lái)設(shè)置超鏈接在不同狀態(tài)下的樣式,如未訪問(wèn)狀態(tài)、已訪問(wèn)狀態(tài)、鼠標(biāo)懸停狀態(tài)等,以下是一些常見(jiàn)的CSS設(shè)置超鏈接狀態(tài)的示例:
1、未訪問(wèn)狀態(tài):
a { color: blue; text-decoration: none; }
2、已訪問(wèn)狀態(tài):
a:visited { color: purple; text-decoration: none; }
3、鼠標(biāo)懸停狀態(tài):
a:hover { color: red; text-decoration: underline; }
4、激活狀態(tài)(如點(diǎn)擊鏈接時(shí)):
a:active { color: yellow; text-decoration: none; }
這些狀態(tài)可以通過(guò)CSS的偽類(pseudo-class)來(lái)實(shí)現(xiàn),a”表示超鏈接元素,“:visited”、“:hover”、“:active”分別表示已訪問(wèn)狀態(tài)、鼠標(biāo)懸停狀態(tài)和激活狀態(tài),通過(guò)修改這些偽類的樣式屬性,可以實(shí)現(xiàn)不同狀態(tài)下的樣式效果。