ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで文字の色を変える方法

CSSで文字の色を変える方法

王林
王林オリジナル
2021-05-14 16:37:4210836ブラウズ

CSS でテキストの色を変更する方法は、[color:red;] や [color:#00ff00;] などの color 属性を設定することです。これは、テキストを赤に設定することを意味します。

CSSで文字の色を変える方法

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

CSS でテキストの色を変更するのは実際には非常に簡単で、テキストの色を指定できる Color 属性を追加するだけです。

次の方法で色を設定できます。

色名: 赤、青、茶色、ライトシーグリーンなどの色名は、大文字と小文字が区別されません。

HEX: 16 進記号 #RRGGBB および #RGB (例: #ff0000)。 「#」の後に 6 文字または 3 文字の 16 進文字 (0 ~ 9、A ~ F) が続きます。

RGB、赤緑青 (RGB): 色の値は、RGB コードの色として指定されます。関数の形式は rgb(R,G,B) で、値は 0 ~ です。整数またはパーセンテージとしての 255。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<p>这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。</p>
<p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
</body>
</html>

ランニング効果を見てみましょう:


CSSで文字の色を変える方法

関連する学習ビデオの共有:

CSS ビデオ チュートリアル #

以上がCSSで文字の色を変える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。