定義超鏈接是使用<a> 標(biāo)簽,用于從一個(gè)頁面鏈接到另一個(gè)頁面,<a>" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > CSS之設(shè)置超鏈接樣式

CSS之設(shè)置超鏈接樣式

時(shí)間:2023-10-03 04:00:02 | 來源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-10-03 04:00:02 來源:網(wǎng)站運(yùn)營(yíng)

CSS之設(shè)置超鏈接樣式:超鏈接在任意一個(gè)網(wǎng)頁上都是最基本的元素之一,通過超鏈接可以實(shí)現(xiàn)頁面的跳轉(zhuǎn)、功能的激活等,我們來學(xué)習(xí)如何使用CSS設(shè)置超鏈接的樣式;

定義超鏈接是使用<a> 標(biāo)簽,用于從一個(gè)頁面鏈接到另一個(gè)頁面,<a> 元素最重要的屬性是 href 屬性,它指示鏈接的目標(biāo)。

在所有瀏覽器中鏈接都是默認(rèn)帶有下劃線,未被訪問的鏈接帶有下劃線而且是藍(lán)色的,已被訪問的鏈接帶有下劃線而且是紫色的活動(dòng)鏈接帶有下劃線而且是紅色的,我們來驗(yàn)證一下:


<body> <p><a href="#">這是一個(gè)沒有被訪問過的鏈接1</a></p> <p><a href="#">這是一個(gè)沒有被訪問過的鏈接2</a></p> <p><a href="#">這是一個(gè)沒有被訪問過的鏈接3</a></p></body>
未訪問鏈接

現(xiàn)在我們點(diǎn)擊一下第一個(gè)超鏈接,能夠看到字體變成了紫色:



訪問后的鏈接



超鏈接單擊前后不同的顏色,其實(shí)就是超鏈接的默認(rèn)偽類元素。所謂偽類就是不根據(jù)名稱、屬性、內(nèi)容而是根據(jù)標(biāo)簽處于某種行為或狀態(tài)時(shí)的特征來修飾樣式,偽類樣式的基本語法為:標(biāo)簽名:偽類名{聲明;},例如:a:hover{color:#000;}


最常用的超鏈接偽類

超鏈接的偽類一共有四種,在css設(shè)置偽類的順序?yàn)椋篴:link-->a:visited-->a:hover-->a:active,大家一定要注意設(shè)置的先后順序,比如說如果先設(shè)置a:hover然后再設(shè)置a:visited,那在IE中a:hover就不起作用了;
在實(shí)際開發(fā)中一般只設(shè)置兩種超鏈接樣式,一個(gè)是超鏈接a標(biāo)簽選擇器的樣式,還有一種是鼠標(biāo)懸浮在超鏈接上的樣式;
那我們動(dòng)手來試一下,編輯一個(gè)紅色的超鏈接a標(biāo)簽,鼠標(biāo)懸浮在鏈接上面是字體變?yōu)辄S色,鼠標(biāo)點(diǎn)擊時(shí)字體變?yōu)樽仙?br>

<!doctype html><html><head><meta charset="utf-8"><title>無標(biāo)題文檔</title><style type="text/css"> p{ width:350px; } a{ color:#f00; } a:hover{ color:#FDF405; } a:active{ color:#F707EE; }</style></head><body> <p><a href="#">編輯一個(gè)紅色的超鏈接a標(biāo)簽,鼠標(biāo)懸浮在鏈接上面是字體變?yōu)辄S色,鼠標(biāo)點(diǎn)擊時(shí)字體變?yōu)樽仙?span ></a></p></body></html>
鏈接的顏色變化依次為:



超鏈接字體顏色
鼠標(biāo)懸浮時(shí)



鼠標(biāo)點(diǎn)擊時(shí)



css設(shè)置鼠標(biāo)形狀

大家在訪問網(wǎng)頁時(shí)是不是發(fā)現(xiàn)鼠標(biāo)形狀有時(shí)候是箭頭形狀、有時(shí)候又是手勢(shì)形狀、或者Ⅰ字形,這些效果都是通過css中的cursor屬性設(shè)置的各式各樣的鼠標(biāo)指針樣式。cursor屬性可以在任何選擇器中使用,來改變各種頁面元素的鼠標(biāo)指針效果。




關(guān)鍵詞:樣式,設(shè)置

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉