建站
咨詢
售后
建站咨詢
新聞中心
白堿灘網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),白堿灘網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為白堿灘千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的白堿灘做網(wǎng)站的公司定做！
-
:link：定義普通或未訪問(wèn)鏈接的樣式； -
:visited：定義已經(jīng)訪問(wèn)過(guò)鏈接的樣式； -
:hover：定義當(dāng)鼠標(biāo)經(jīng)過(guò)或懸停在鏈接上時(shí)的樣式； -
:active：定義點(diǎn)擊鏈接時(shí)的樣式。
通過(guò)上面的四個(gè)偽類選擇器，您可以像給普通文本定義樣式那樣，為鏈接定義任何想要的 CSS 樣式，例如顏色、字體、背景、邊框等。
注意：在定義四個(gè)偽類選擇器時(shí)需要按照一定的順序，一般情況下 :hover 必須位于 :link 和 :visited 之后，:active 必須位于 :hover 之后。
在 Chrome、Firefox、Safari 等主流的 Web 瀏覽器中，都為鏈接定義了一套默認(rèn)的樣式，如果不專門為鏈接設(shè)置樣式，瀏覽器則會(huì)使用默認(rèn)的鏈接樣式。
- 普通鏈接：帶有下劃線的藍(lán)色文本；
- 已訪問(wèn)的鏈接：帶有下劃線的紫色文本；
- 點(diǎn)擊鏈接時(shí)：帶有下劃線的紅色文本；
- 經(jīng)過(guò)或懸停在鏈接上時(shí)：鏈接的外觀并沒(méi)有變化，它將保持先前狀態(tài)的顏色。
1. :link
通過(guò)
:link 偽類選擇器可以為普通或未訪問(wèn)的鏈接設(shè)置樣式，示例代碼如下：
這是一個(gè)鏈接
這是另一個(gè)鏈接
運(yùn)行結(jié)果如下圖所示：
圖：
:link 偽類選擇器演示2. :visited
通過(guò)
:visited 偽類選擇器可以為已經(jīng)訪問(wèn)過(guò)的鏈接設(shè)置樣式，示例代碼如下：
這是一個(gè)鏈接
這是另一個(gè)鏈接
運(yùn)行結(jié)果如下圖所示：
圖：
:visited 偽類選擇器演示3. :hover
通過(guò)
:hover 偽類選擇器可以定義當(dāng)鼠標(biāo)經(jīng)過(guò)或懸停在鏈接上時(shí)的樣式，示例代碼如下：
這是一個(gè)鏈接
這是另一個(gè)鏈接
運(yùn)行結(jié)果如下圖所示：
圖：
:hover 偽類選擇器演示4. :active
通過(guò)
:active 偽類選擇器可以定義點(diǎn)擊鏈接時(shí)的樣式，示例代碼如下：
這是一個(gè)鏈接
這是另一個(gè)鏈接
運(yùn)行結(jié)果如下圖所示：
圖：
:active 偽類選擇器演示網(wǎng)站名稱：CSS鏈接樣式（4種）
標(biāo)題URL：http://m.fisionsoft.com.cn/article/cdheopd.html
