分享CSS中設定文字顏色的五種方法-css教學-PHP中文網

分享CSS中設定文字顏色的五種方法

yulia

發布： 2018-09-26 14:25:21

原創

3869 人瀏覽過

在頁面佈局時，為了讓頁面顏色不太單一，需要為文字設定不同的顏色，這篇文章就跟大家講講怎麼給文字設定不同的顏色，都有哪些方法可以設定文字的顏色，有需要的朋友可以參考一下。

CSS中文字的顏色，是透過color屬性設定的。

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

h3{color:blue;}

h3{color:#00f;}

h3{color:#0000ff;}

#h3{color :rgb(0,0,255);}

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

設定某一段落文字的顏色時，通常會使用< span>標記，將所需的部分進行單獨標註，然後再設定標記的顏色屬性。

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

<body>
<h2>冬至的由来</h2>
<p>
<span>冬至</span>过节源于汉代，盛于唐宋，相沿至今。《清嘉录》甚至有“<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中設定文字顏色的五種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！