在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中文網其他相關文章!