css怎麼修改超連結的顏色
- 藏色散人原創
- 2021-04-13 09:48:089473瀏覽
css修改超連結顏色的方法：1、透過「a:link」修改超連結顏色；2、透過「a:visited」改變顏色；3、透過「a:hover」設定變色； 4.透過「a:active」修改顏色。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
css修改超連結顏色:
超連結a標籤大家都應該很熟悉，這篇文章主要的講的是a標籤的基礎css樣式設置，下面我們來看看css修改超連結顏色的方法。
css可以使用下面幾個偽類別來設定超連結：
a:link ：是未被存取的樣式，可以在裡面加很多東西，比如說去掉下劃線，換顏色等功能都能在這裡實現；
a:visited ：是已被點擊後的樣式，也可以在裡面加很多元素，可以去下劃線，改顏色，放大等功能；
a:hover ：這是滑鼠懸停的樣式，這個等下有實例介紹，我們先來認識一下，是把滑鼠停在超連結的位置的時候可以設定變顏色；
a: active ：這個說是已啟動的樣式，簡單得說就是能把滑鼠點上去的時候，瞬間出的樣式，在很多網站上都有這種樣式的；
使用下面的樣式即可修改超連結顏色：
a:link{color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */範例：
<html>
<head>
<style type="text/css">
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>
<title>test css</title>
</head>
<body>
<a href="#">PHP中文网</a>
</body>
</html>【推薦學習：css影片教學】
以上是css怎麼修改超連結的顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn