小編給大家分享一下html中a標簽如何設置顏色，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
首先我們要知道html a標簽的顏色設置：
我們都知道在html中a標簽在網頁中默認的顏色是什么樣的，現在試個代碼看一下：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>億速云</title> </head> <body> <a href="#">億速云</a> </body> </html>
這是一個基礎的html文檔的代碼，看在瀏覽器中的顯示效果：
上面的未點擊的網址就是這樣藍色的，點擊之后就是紫色的，這樣的鏈接看上去不太好看，我們要給a標簽設置一個顏色。比如說，我要給未點擊的網址設置一個顏色，就紅色吧，未點擊之前是紅色的，點擊之后是就是黑色的。我們來做一下效果：
<head>
<meta charset="utf-8">
<title>億速云</title>
<style type="text/css">
a:link{color:red;}
a:visited{color:black;}
</style>
</head>
<body>
<a href="#">億速云</a>
</body>我們來解釋下代碼：
a:link ：是未被訪問的樣式，可以在里面加很多東西，比如說去掉下劃線，換顏色等功能都能在這里實現；
a:visited ：是已被點擊后的樣式，也可以在里面加很多元素，可以去下劃線，改顏色，放大等功能；
a:hover ：這個是鼠標懸停的樣式，這個等下有實例介紹，我們先來認識一下，是把鼠標停在超鏈接的位置的時候可以設置變顏色；
a:active ：這個說是已被激活的樣式，簡單得說就是能把鼠標點上去的時候，瞬間出的樣式，在很多網站上都有這種樣式的；
現在我們再來看個實例，把上面四個都放進去的效果：
<head>
<meta charset="utf-8">
<title>億速云</title>
<style type="text/css">
a:link{color:red;}
a:visited{color:black;}
a:hover{color:pink;}
a:active{color:#ccc;}
</style>
</head>
<body>
<a href="#">億速云</a>
</body>以上是html中a標簽如何設置顏色的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
