CSS でテキストの色を設定する 5 つの方法を共有します-CSSチュートリアル-php.cn

CSS でテキストの色を設定する 5 つの方法を共有します

yulia

リリース： 2018-09-26 14:25:21

オリジナル

3905 人が閲覧しました

ページをレイアウトするとき、ページの色を均一にしないために、テキストに異なる色を設定する必要があります。この記事では、テキストに異なる色を設定する方法と、どのような方法があるかを説明します。必要な友達はそれを参照できます。

CSS 中国語テキストの色は color 属性によって設定されます。

以下にいくつかの方法を示しますが、いずれもテキストを青色に設定します。

h3{色:青;}

h3{色:#00f;}

h3{色:#0000ff;}

h3{色:rgb(0,0,255);}

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

テキストの特定の段落の色を設定する場合、通常はマークを使用し、必要な部分を個別にマークしてから、マークの色属性を設定します。

<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 形式で表現されます。これは、通常、赤、緑、青の 3 原色モードと呼ばれるものです。

各色はこれら 3 つの色の異なる比率で構成され、0 ～ 255 のレベルに分割されます。3 つのコンポーネントすべてが 255 に設定されている場合、白、または RGB (100%、100%、 100%)、または #FFFFFF は両方とも白を表します。

#FFFFFF は 16 進数表現で、最初の 2 桁が赤、中間の 2 桁が緑、最後の 2 桁が青です。FF は 10 進数に変換され、255 になります。

RGB の 3 つの成分がすべて 0 の場合、黒として表示されます。つまり、#000000 または rgb(0%,0%,0%) は両方とも黒を表します。

以上がCSS でテキストの色を設定する 5 つの方法を共有しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。