当前位置 - 股票行情交易網 - 裝修設計 - 怎麽在CSS裏定義超鏈接的樣式?

怎麽在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>