您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關css中怎么通過偽類來設置超鏈接樣式,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
css設置超鏈接樣式是通過偽類來實現的
(1) :link:設置a對象在未被訪問前的樣式表屬性。
(2) :visited:設置a對象在其鏈接地址已被訪問過時的樣式表屬性。
(3) :hover:設置對象在其鼠標懸停時的樣式表屬性。
(4) :active:設置對象在被用戶激活(在鼠標點擊與釋放之間發生的事件)時的樣式表屬性。
css中關于超鏈接的四個屬性正確順序為:
代碼如下:
a:link {}
a:visited {}
a:hover {}
a:active {}
偽類名字對大小寫不敏感,但在定義順序上有要求。:hover必須被置于:link和:visited之后才是有效的,:active必須被置于:hover之后才是有效的。
備注
默認狀態下,創建的超級鏈接的文字顏色為藍色,并帶有下劃線,訪問之后變為紫色。如果想要修改這種顏色,需要用CSS樣式設置超級鏈接的a:link、a:visited、a:hover、a:active狀態的樣式。
實例
代碼如下:
<style type=”text/css”>
A{text-decoration:none} 無下劃線
A:link{color:red}
A:visited{color:blue}
A:active{color:yellow}
A:hover{color:green;font-family:楷體;font-size:20}
</style>
看完上述內容,你們對css中怎么通過偽類來設置超鏈接樣式有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。