用CSS覆蓋Web瀏覽器上的默認(rèn)鏈接顏色的方法

2022-05-16 分類(lèi)：網(wǎng)站建設(shè)

在網(wǎng)站設(shè)計(jì)制作中，如果沒(méi)有對(duì)鏈接顏色進(jìn)行定義或設(shè)置，則所有Web瀏覽器都使用默認(rèn)的鏈接顏色。這些與鏈接相關(guān)的顏色包括：

默認(rèn)鏈接顏色
活動(dòng)的鏈接顏色(當(dāng)鼠標(biāo)被單擊并停留在鏈接上時(shí))
后面的鏈接顏色(以前單擊該鏈接時(shí))

另外，雖然大多數(shù)瀏覽器在默認(rèn)情況下不會(huì)改變這一點(diǎn)，但您也可以定義懸停顏色，當(dāng)鼠標(biāo)停留在鏈接上時(shí)鏈接顯示的顏色。所以可以肯定的是，即便瀏覽器有模式的鏈接樣式，我們?nèi)耘f可以通過(guò)CSS樣式表將其更新。本文寫(xiě)作的目的就是告訴你一些方法，一些用CSS覆蓋Web瀏覽器上的默認(rèn)鏈接顏色的方法。

使用CSS更改鏈接顏色

若要更改這些顏色，請(qǐng)使用層疊樣式表。更改鏈接顏色的最簡(jiǎn)單方法是設(shè)置?標(biāo)簽的樣式：

a { color: black; }

使用此CSS，某些瀏覽器將鏈接的所有方面(活動(dòng)、跟隨和懸停)更改為黑色，而其他瀏覽器僅更改默認(rèn)顏色。

使用CSS偽類(lèi)更改鏈接的所有部分。

在CSS中，偽類(lèi)在類(lèi)名之前用冒號(hào)(：)表示。四個(gè)偽類(lèi)影響鏈接：

要更改默認(rèn)鏈接顏色，請(qǐng)執(zhí)行以下操作：

a:link { color: red; }

要更改活動(dòng)顏色，請(qǐng)執(zhí)行以下操作：

a?:active { color: blue; }

要更改后面的鏈接顏色，請(qǐng)執(zhí)行以下操作：

a?:visited { color: purple; }

要將鼠標(biāo)懸停在顏色上，請(qǐng)執(zhí)行以下操作：

a?:hover { color: green; }

其它考慮因素

避免覆蓋默認(rèn)的鏈接顏色，以使鏈接更難找到。例如，在白色背景下將鏈接更改為非常淺的顏色會(huì)對(duì)視力受損的訪問(wèn)者產(chǎn)生不利影響。目標(biāo)是為活動(dòng)的和跟隨的鏈接顏色分別設(shè)置顏色，以確保站點(diǎn)訪問(wèn)者不會(huì)對(duì)他們?cè)L問(wèn)過(guò)的頁(yè)面感到困惑。

網(wǎng)頁(yè)標(biāo)題：用CSS覆蓋Web瀏覽器上的默認(rèn)鏈接顏色的方法
轉(zhuǎn)載來(lái)源：http://www.bm7419.com/news/153995.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、企業(yè)網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容