您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關怎么修改HTML超鏈接樣式的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
我們都知道,超鏈接是用<a></a>標簽來顯示的。如果我們需要修改樣式,則需要通過 CSS 修改它的樣式。<a></a>標簽的樣式還分為四個類型,分別為未訪問、已訪問、鼠標滑過、點擊。
a:link:未被訪問的鏈接
a:visited:已經訪問過的鏈接
a:hover:鼠標滑過鏈接
a:active:鏈接被點擊
需要注意的是:a:hover 必須在 a:link
和 a:visited
之后,a:active 必須在 a:hover
之后,需要嚴格按順序才能看到效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>w3cschool - 億速云,隨時隨地學編程</title>
<style>
a:link {text-decoration: none; color:blue;}/*未訪問的鏈接顯示為藍色,text-decoration:none將下劃線隱藏*/
a:visited {color:black;} /*用戶已訪問過的鏈接顯示黑色*/
a:hover {color:pink;} /*鼠標放置在鏈接上時顯示為粉色*/
a:active {color:yellow;} /* 鏈接被點擊那一刻顯示黃色 */
</style>
</head>
<body>
<p><b><a href="/css/" target="_blank">這是一個鏈接</a></b></p>
</body>
</html>
感謝各位的閱讀!關于“怎么修改HTML超鏈接樣式”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。