ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS でテキストの色を設定する 5 つの方法を共有します

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

yulia
リリース: 2018-09-26 14:25:21
オリジナル
4049 人が閲覧しました

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

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

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

h3{色:青;}

h3{色:#00f;}

h3{色:#0000ff;}

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<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 サイトの他の関連記事を参照してください。

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート