css改變文字顏色的方法是,通過(guò)設(shè)置color屬性來(lái)實(shí)現(xiàn),如【color:red;】或【color:#00ff00;】,表示將文字設(shè)置為紅色。
本文操作環(huán)境:windows10系統(tǒng)、css 3、thinkpad t480電腦。
在css中要改變文字的顏色其實(shí)很簡(jiǎn)單,只需要添加Color屬性就可以了,該屬性可以指定文本的顏色。
我們可以通過(guò)如下幾種方式來(lái)設(shè)置顏色。
顏色的名稱(chēng):顏色的名稱(chēng),比如red, blue, brown, lightseagreen等,不區(qū)分大小寫(xiě)。
十六進(jìn)制:十六進(jìn)制符號(hào) #RRGGBB 和 #RGB(比如 #ff0000)。"#" 后跟 6 位或者 3 位十六進(jìn)制字符(0-9, A-F)。
RGB,紅-綠-藍(lán)(red-green-blue (RGB)):規(guī)定顏色值為 rgb 代碼的顏色,函數(shù)格式為 rgb(R,G,B),取值可以是 0-255 的整數(shù)或百分比。
舉個(gè)例子:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body {color:red;} h1 {color:#00ff00;} p.ex {color:rgb(0,0,255);} </style> </head> <body> <h1>這是標(biāo)題 1</h1> <p>這是一個(gè)普通的段落。請(qǐng)注意,本文是紅色的。頁(yè)面中定義默認(rèn)的文本顏色選擇器。</p> <p class="ex">這是一個(gè)類(lèi)為"ex"的段落。這個(gè)文本是藍(lán)色的。</p> </body> </html>
我們來(lái)看下運(yùn)行效果:
相關(guān)學(xué)習(xí)視頻分享:css視頻教程