css如何設定超連結的樣式

在css中我們可以透過偽類來設定超連結的樣式，例如我們要設定未存取的超連結樣式，程式碼如【a:link {color: #FF0000;}】，設定已訪問的連結樣式，程式碼如【a:visited {color: #00FF00;}】。

本文操作環境：windows10系統、css 3、thinkpad t480電腦。

如果我們要設定超連結的樣式，可以透過css偽類別來實現。以下詳細介紹下css偽類。

偽類別用於定義元素的特殊狀態。

例如，它可以用於：

• 設定滑鼠懸停在元素上時的樣式

• 為已訪問和未訪問連結設定不同的樣式

• 設定元素獲得焦點時的樣式

語法：

selector:pseudo-class {
  property: value;
}

程式碼範例：

/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}

注意：a:hover 必須在CSS 定義中的 a:link 和 a:visited 之後，才能生效！ a:active 必須在 CSS 定義中的 a:hover 之後才能生效！偽類名稱對大小寫不敏感。

相關影片分享：css影片教學

#

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