ホームページ >ウェブフロントエンド >CSSチュートリアル >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。 例:CSS でテキストの色を変更する方法は、[color:red;] や [color:#00ff00;] などの color 属性を設定することです。これは、テキストを赤に設定することを意味します。
<!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で文字の色を変える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。