css超連結的底色如何設置

css超連結底色的設定方法：先建立一個HTML範例檔案；然後透過對超連結新增css樣式屬性為「a:link {color:#FF0000;}a:visited {color:# 00FF00;}」來設定底色即可。

本教學操作環境：Windows7系統、HTML5&&CSS3版本，Dell G3電腦。

推薦：《css影片教學》

能夠設定連結樣式的 CSS 屬性有很多種（例如 color, font-family, background 等等）。連結的特殊性在於能夠根據它們所處的狀態來設定它們的樣式。

CSS中a標籤4種特有屬性：

1.a:link （加入樣式後表示：在某超連結未被存取時的樣式）

2 .a:visited （加入樣式後表示：在被存取後刷新介面超連結的樣式）

#3.a:hover （加入樣式後表示：在滑鼠停留時超連結的樣式）

4.a:active （加入樣式後表示：滑鼠點選的那一瞬間超連結的樣式）

我們可以使用這4種屬性來設定超連結的底色。需要注意的是這4種表述在描述時可以不全寫但絕對不能有順序的顛倒。

css樣式如下：

<style>
a:link {color:#FF0000;}/* 未被访问的链接 */
a:visited {color:#00FF00;}/* 已被访问的链接 */
a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}/* 正在被点击的链接 */
</style>

HTML程式碼如下：

php中文網

以上是css超連結的底色如何設置的詳細內容。更多資訊請關注PHP中文網其他相關文章！