css中怎么通過偽類來設置超鏈接樣式

今天就跟大家聊聊有關css中怎么通過偽類來設置超鏈接樣式,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據(jù)這篇文章可以有所收獲。

我們提供的服務有:成都做網站、網站設計、微信公眾號開發(fā)、網站優(yōu)化、網站認證、長寧ssl等。為上千企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的長寧網站制作公司

css設置超鏈接樣式是通過偽類來實現(xiàn)的

(1) :link:設置a對象在未被訪問前的樣式表屬性。

(2) :visited:設置a對象在其鏈接地址已被訪問過時的樣式表屬性。

(3) :hover:設置對象在其鼠標懸停時的樣式表屬性。

(4) :active:設置對象在被用戶激活(在鼠標點擊與釋放之間發(fā)生的事件)時的樣式表屬性。

css中關于超鏈接的四個屬性正確順序為:

代碼如下:


a:link {}
a:visited {}
a:hover {}
a:active {}


偽類名字對大小寫不敏感,但在定義順序上有要求。:hover必須被置于:link和:visited之后才是有效的,:active必須被置于:hover之后才是有效的。

備注

默認狀態(tài)下,創(chuàng)建的超級鏈接的文字顏色為藍色,并帶有下劃線,訪問之后變?yōu)樽仙H绻胍薷倪@種顏色,需要用CSS樣式設置超級鏈接的a:link、a:visited、a:hover、a:active狀態(tài)的樣式。

實例

代碼如下:


<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中怎么通過偽類來設置超鏈接樣式有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。

新聞標題:css中怎么通過偽類來設置超鏈接樣式
分享URL:http://bm7419.com/article38/phoesp.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供外貿網站建設、軟件開發(fā)、網站內鏈網頁設計公司、搜索引擎優(yōu)化、Google

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

外貿網站制作