怎麽在CSS裏定義超鏈接的樣式?
CSS中通過四個偽類來定義鏈接的樣式,分別是:
a:link 鏈接默認的樣式
a:visited 鏈接已被訪問過時的樣式
a:hover 鼠標懸浮在鏈接上的樣式
a:active 點擊鏈接時候的樣式
壹般定義這四種樣式的是“LVHA”的順序來寫樣式,不然可能出現樣式覆蓋問題;
定義class樣式壹般分兩種,壹種在a標簽上,壹種在a標簽外面,實例如下:
<style?type="text/css">LVHA.aaa?a:link{color:red;text-decoration:none;font-size:14px;}
.aaa?a:visited{color:yellow;text-decoration:none;font-size:14px;}
.aaa?a:hover{color:blue;text-decoration:none;font-size:14px;}
.aaa?a:active{color:green;text-decoration:none;font-size:14px;}
</style>
<div?class="aaa"><a?href="#">在a標簽外的標簽加class</a></div><br?/>
<style?type="text/css">LVHA
a.bbb:link{color:red;text-decoration:none;font-size:14px;}
a.bbb:visited{color:yellow;text-decoration:none;font-size:14px;}
a.bbb:hover{color:blue;text-decoration:none;font-size:14px;}
a.bbb:active{color:green;text-decoration:none;font-size:14px;}
</style>
<a?href="#"?class="bbb">在a標簽加</a>