在css中,可以利用color屬性來設定超連結文字為白色,只需要給超連結a標籤加上「color: white;」或「color:#FFFFFF;」或「color:rgb( 255, 255, 255)”樣式即可。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css設定超連結文字為白色
<!DOCTYPE html> <html> <head> <style type="text/css"> a{ background-color: black; color: white; /* color:#FFFFFF; */ } </style> </head> <body> <a href="#">超链接文本</a> </body> </html>
效果圖:
#說明:
color 屬性規定文字的顏色。
這個屬性設定了一個元素的前景色(在 HTML 表現中,就是元素文字的顏色);光柵圖片不受 color 影響。這個顏色也會套用到元素的所有邊框,除非被 border-color 或另外某個邊框顏色屬性所覆蓋。
語法:
color:颜色值;在css中,顏色值可以使用顏色名稱、百分比、數字和十六進位數值,共有四種寫法。
1) 使用顏色名稱
#名 稱 | 顏 色 | ##顏 色 | 名稱呼 | ||
---|---|---|---|---|---|
名 稱 | 顏 色 | black | 純黑 | #silver | |
navy | 深藍 | blue | 淺藍色 | green | |
lime | #淺綠色 | #teal | ##靛青aqua | 天藍 | |
深紅 | red | 大紅 | purple | 深紫 | |
品紅 | olive | ##褐色黃色 | |||
##白變黃色
yellow
color: rgb(100%, 100%, 100%);###這個聲明將紅、藍、綠3 種原色都設定為最大值,結果組合顯示為白色。相反,可以設定###rgb(0%, 0%, 0%)###為黑色。 3 個百分值相等會顯示灰色,同理哪個百分值大就偏向哪個原色。 #########3) 使用數值#########數字範圍從0~255,例如:###
color: rgb(255, 255, 255);###上面這個聲明將顯示白色,相反,可以設定為###rgb(0, 0, 0)###,將顯示黑色。 3 個數值相等將顯示灰色,同理哪一個數值大哪個原色的比重就會加大。 #########4) 十六進位顏色#########這是最常用的取色方法,例如:###
color: #ffffff;###其中要在十六進位前面加一個#######顏色符號。上面這個聲明將顯示白色,相反,可以設定####000000###為黑色,用RGB 來描述:###
color: #RRGGBB;###從0~255,實際上十進制的255 正好等於十六進制的FF,一個十六進制的顏色值等於3 組這樣的十六進制的值,它們按順序連接在一起就等於紅、藍、綠3種原色。 ######(學習影片分享:###css影片教學###)###
以上是css怎麼設定超連結文字為白色的詳細內容。更多資訊請關注PHP中文網其他相關文章!