今天就跟大家聊聊有關css中怎么通過偽類來設置超鏈接樣式,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
我們提供的服務有:成都做網站、網站設計、微信公眾號開發、網站優化、網站認證、長寧ssl等。為上千企事業單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的長寧網站制作公司
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中怎么通過偽類來設置超鏈接樣式有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注創新互聯行業資訊頻道,感謝大家的支持。
新聞標題:css中怎么通過偽類來設置超鏈接樣式
分享URL:http://vcdvsql.cn/article38/phoesp.html
成都網站建設公司_創新互聯,為您提供外貿網站建設、軟件開發、網站內鏈、網頁設計公司、搜索引擎優化、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯