首頁 >web前端 >css教學 >透過html/css設定超連結字體顏色

透過html/css設定超連結字體顏色

巴扎黑
巴扎黑原創
2017-06-03 14:40:203659瀏覽

超連結字體顏色設定是透過css來設置,a連結的顏色設定常用的有以下兩種,1、超連結a的初始狀態顏色,2、超連結字體的滑鼠滑過顏色,還有兩種病不常用:3、超連結字體的已訪問顏色

超連結字體顏色設定是透過css來設置,a連結的顏色設定常用的有以下兩種,1、超連結a的初始狀態顏色,2、超連結字體的滑鼠滑過顏色,還有兩種病不常用:3、超連結字體的已訪問顏色,4、超連結字體在按下滑鼠時的顏色

#四中超連結狀態分別對應的css屬性:a{}、a:hover{} 、a:visited{}、a:active{},通常只寫a{}、a:hover{}即可,若你需要其他兩種字體顏色設定請參考順序來書寫

a{color:red;}
a:visited{color:green;}
a:hover {color:yellow;background:blue;}
a:active {color:lime;background:red;}

這裡懶人建站放出一個其他字體顏色設定技巧:當文字在被選中時的字體和背景顏色(預設為藍底白字),透過下面的設定可以改變這種預設效果。

::-moz-selection { background:#d3d3d3; color:#555;}
::-webkit-selection { background:#d3d3d3; color:#555;}
::selection { background:#d3d3d3; color:#555;}/*文本选中以后的颜色*/

以上是透過html/css設定超連結字體顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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