html中a標(biāo)簽如何設(shè)置顏色

發(fā)布時間：2020-09-25 11:49:29 來源：億速云閱讀：2015 作者：小新欄目：web開發(fā)

小編給大家分享一下html中a標(biāo)簽如何設(shè)置顏色，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

首先我們要知道html a標(biāo)簽的顏色設(shè)置：

我們都知道在html中a標(biāo)簽在網(wǎng)頁中默認(rèn)的顏色是什么樣的，現(xiàn)在試個代碼看一下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>億速云</title>
</head>
<body>
<a href="#">億速云</a>
</body>
</html>

這是一個基礎(chǔ)的html文檔的代碼，看在瀏覽器中的顯示效果：

html中a標(biāo)簽如何設(shè)置顏色

上面的未點擊的網(wǎng)址就是這樣藍(lán)色的，點擊之后就是紫色的，這樣的鏈接看上去不太好看，我們要給a標(biāo)簽設(shè)置一個顏色。比如說，我要給未點擊的網(wǎng)址設(shè)置一個顏色，就紅色吧，未點擊之前是紅色的，點擊之后是就是黑色的。我們來做一下效果：

<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 ：是未被訪問的樣式，可以在里面加很多東西，比如說去掉下劃線，換顏色等功能都能在這里實現(xiàn)；
a:visited ：是已被點擊后的樣式，也可以在里面加很多元素，可以去下劃線，改顏色，放大等功能；
a:hover ：這個是鼠標(biāo)懸停的樣式，這個等下有實例介紹，我們先來認(rèn)識一下，是把鼠標(biāo)停在超鏈接的位置的時候可以設(shè)置變顏色；
a:active ：這個說是已被激活的樣式，簡單得說就是能把鼠標(biāo)點上去的時候，瞬間出的樣式，在很多網(wǎng)站上都有這種樣式的；

現(xiàn)在我們再來看個實例，把上面四個都放進(jìn)去的效果：

<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標(biāo)簽如何設(shè)置顏色的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

html中a標(biāo)簽如何設(shè)置顏色

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽