首頁  >  文章  >  web前端  >  css怎麼實現a標籤不變色效果

css怎麼實現a標籤不變色效果

WBOY
WBOY原創
2021-12-01 18:29:298077瀏覽

在css中,可以利用color屬性來實現a標籤不變色效果,設定該屬性可以使a標籤點擊前或點擊後都不會變色,只需在a標籤上加上「color:顏色值;”樣式即可。

css怎麼實現a標籤不變色效果

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css怎麼實作a標籤不變色效果

#可以透過color屬性來設定a標籤顏色,這樣無論是a標籤點擊前還是點擊後都不會變色。

color 屬性規定文字的顏色。

這個屬性設定了一個元素的前景色(在 HTML 表現中,就是元素文字的顏色);光柵圖片不受 color 影響。這個顏色也會套用到元素的所有邊框,除非被 border-color 或另外某個邊框顏色屬性所覆蓋。

要設定一個元素的前景色,最容易的方法是使用 color 屬性。

範例如下:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>title</title>
</head>
<a href="https://www.php.cn/course/list/12.html" target="_blank">css视频教程</a>
    <style>
a{
    color: #000000;
    } 
    </style>
</body>
</html>

輸出結果:

css怎麼實現a標籤不變色效果

#(學習影片分享:css影片教學

以上是css怎麼實現a標籤不變色效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn