HTML設置字體顏色的方法(圖文)
在HTML頁面中,還可以通過不同的顏色表現不同的文字效果,從而增加網頁的亮麗色彩,吸引瀏覽者的注意。
如今網頁排版愈發復雜,布局樣式都需要通過CSS來實現。采用CSS技術可以方便有效地對頁面布局,更加精確地控制網頁的字體、顏色、背景和其他效果。內容相同的網頁,只需要對CSS樣式進行一些改變,就可以實現不同的頁面外觀和格式。
方式一:HTML命令方式
<font color="red">這里是紅色</font>
方式二:內聯CCS樣式
<div style="color:blue">這里是藍色</div>
方式三:獨立CCS樣式
<div id="div1">這里是綠色</div>
通過HTML基礎的學習,可以掌握如何運用文字、段落、列表、圖像、超鏈接及多媒體文件等標記及屬性設置來簡單美化網頁,但在網頁設計過程中經常會遇到需要對網頁中的同樣的內容進行重復的屬性設置,這既浪費時間,也增加了代碼冗余,還帶來了后期網站改版維護同難等諸多問題,CSS就是為了簡化頁面元素修飾、美化工作而誕生的。所以引入CSS層疊樣式表,主要是為了實現對網頁的字體、顏色、布局等元素進行精確控制,解決網頁內容與網頁表現分離的問題,進一步提高網站的可維護性,方便網站快速重構,實現網站定期換膚的功能。
CSS使用color屬性設置字體顏色。color屬性用于檢索或設置對象的文本顏色,無默認值。注意,用顏色名稱指定color不被一些瀏覽器接受。但使用RGB值指定顏色能被所有瀏覽器識別并正確顯示。
【語法】
color:color
【取值】
color:指定顏色
顏色單位:#RRGGBB,rgb(R,G,B),
.#RRGGBB
【參數】
RR:紅色值。十六進制正整數
GG:綠色值。十六進制正整數
BB:藍色值。十六進制正整數
【說明】
以上三個參數的取值范圍為00~FF。參數必須是兩位數,對于只有一位的,應在前面補零。如果每個參數各自在兩位上的數字都相同,那么本單位也可縮寫為#RGB的方式。例如,#FF8800可以縮寫為#F80。
.rgb(R,G,B)
【參數】
R:紅色值。正整數 百分數
G:綠色值。正整數 百分數
B:藍色值。正整數 百分數
【說明】
以上三個參數,正整數值的取值范圍為0~255,百分數值的取值范圍為0.0%~100.0%。超出范圍的數值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分數值。
.ColorName
ColorName即顏色名稱。不同的瀏覽器會有不同的預定義顏色名稱,例如color:red。