本篇內容介紹了“css如何設置超鏈接文本為白色”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
公司主營業務:網站建設、成都網站建設、移動網站開發等業務。幫助企業客戶真正實現互聯網宣傳,提高企業的競爭能力。成都創新互聯是一支青春激揚、勤奮敬業、活力青春激揚、勤奮敬業、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰,讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創新互聯推出青白江免費做網站回饋大家。
在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) 使用顏色名
雖然目前已經命名的顏色約有 184 種,但真正被各種瀏覽器支持,并且作為 CSS 規范推薦的顏色名稱只有 16 種,如下表所示。
名 稱 | 顏 色 | 名 稱 | 顏 色 | 名 稱 | 顏 色 |
---|---|---|---|---|---|
black | 純黑 | silver | 淺灰 | navy | 深藍 |
blue | 淺藍 | green | 深綠 | lime | 淺綠 |
teal | 靛青 | aqua | 天藍 | maroon | 深紅 |
red | 大紅 | purple | 深紫 | fuchsia | 品紅 |
olive | 褐黃 | yellow | 明黃 | gray | 深灰 |
white | 殼白 |
不建議在網頁中使用顏色名,特別是大規模的使用,避免有些顏色名不被瀏覽器解析,或者不同瀏覽器對顏色的解釋差異。
2) 使用百分比
這是一種最常用的方法,例如:
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如何設置超鏈接文本為白色
地址分享:http://newbst.com/article36/jhcipg.html
成都網站建設公司_創新互聯,為您提供面包屑導航、網頁設計公司、網站導航、建站公司、品牌網站設計、App設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯