CSS中設置文字顏色的方法

在頁面布局時，為了使頁面顏色不太單一，需要給文字設置不同的顏色，今天小編給大家分享的是CSS中設置文字顏色的方法，相信很多人都不太了解，為了讓大家更加了解CSS中設置文字顏色的方法，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。

創新互聯公司專注于企業營銷型網站建設、網站重做改版、豐南網站定制設計、自適應品牌網站建設、H5頁面制作、商城建設、集團公司官網建設、成都外貿網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為豐南等各大城市提供網站開發制作服務。

CSS中文字的顏色，是通過color屬性設置的。

下面是幾種方法，都是將文字設置為藍色。

h4{color:blue;}

h4{color:#00f;}

h4{color:#0000ff;}

h4{color:rgb(0,0,255);}

h4{color:rgb(0%,0%,100%);}

設置某一段落文字的顏色時，通常使用<span>標記，將需要的部分進行單獨標注，然后再設置<span>標記的顏色屬性。

<span style="font-size:24px;"><html>
<head>
<title>文字顏色</title>
<style>
<!--
h3{color:rgb(0%,0%,80%);}
p{color:#333333;
font-size:13px;}
p span{color:blue;}
-->
</style>
</head>

<body>
<h3>冬至的由來</h3>
<p>
<span>冬至</span>過節源于漢代，盛于唐宋，相沿至今?！肚寮武洝飞踔劣小?lt;span>冬至</span>大如年”之說。這表明古人對<span>冬至</span>十分重視。人們認為<span>冬至</span>是陰陽二氣的自然轉化，是上天賜予的福氣。漢朝以<span>冬至</span>為“冬節”，官府要舉行祝賀儀式稱為“賀冬”，例行放假。《后漢書》中有這樣的記載：“<span>冬至</span>前后，卷子安身靜體，百官絕事，不聽政，擇吉辰而后省事?！彼赃@天朝廷上下要放假休息，軍隊待命，邊塞關閉，商旅停業，親朋各以美食相贈，相互拜訪，歡樂的度過一個“安身靜體”的節日。
</p>
<p>
唐、宋時期，<span>冬至</span>是祭天祭祀祖的日子，皇帝在這天要到郊外舉行祭天大典，百姓在這一天要向父母尊長祭拜，現在仍有一些地方在<span>冬至</span>這天過節慶賀。
</p>
</body>
</html>
</span>

在HTML頁面中，顏色統一采用的是RGB的格式，就是人們通常說的紅綠藍三原色模式。

每種顏色都由這三種顏色的不同比重組成，分為0~255檔，當三個分量都設置為255時表示白色，或者rgb（100%,100%,100%），或者#FFFFFF都表示白色。

#FFFFFF是十六進制的表示方法，其中前兩位為紅色，中間兩位為綠色，最后兩位為藍色，FF即轉換為十進制就是255。

當RGB的三個分量都為0時，即顯示為黑色，即#000000或者rgb(0%,0%,0%)都表示黑色。

關于CSS中設置文字顏色的方法就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

文章題目：CSS中設置文字顏色的方法
文章位置：http://vcdvsql.cn/article12/gghegc.html

成都網站建設公司_創新互聯，為您提供品牌網站設計、響應式網站、軟件開發、定制網站、服務器托管、Google