ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでフォントの色を調整する方法

CSSでフォントの色を調整する方法

王林
王林オリジナル
2021-03-04 15:27:493698ブラウズ

CSS でフォ​​ントの色を調整する方法は次のとおりです。 [color: #92a8d1;] や [color:rgb(255,0,51) などの color 属性を使用してフォントの色を設定できます。 ]。

CSSでフォントの色を調整する方法

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

フォントの色の設定は非常に簡単で、CSS には color 属性が用意されており、これを使用してフォントの色を自由に調整できます。

属性の紹介:

Color プロパティはテキストの色を指定します。

属性値:

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


  • 16 進数 16 進数記号 #RRGGBB および #RGB (#ff0000 など)


  • ##RGB、赤-緑-青 ( red -green-blue (RGB)) は、色の値が rgb コードの色であること、関数の形式が rgb(R,G,B) であること、値は 0 ~ 255 の整数またはパーセンテージであることを指定します。
  • #例 1:
色は 16 進数値です

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
<style>
body {color: #92a8d1;}
</style>
</head>
<body>

<h1>这是标题</h1>

<p>段落文本的颜色为 16 进制值。</p>

</body>
</html>

実行結果:


## (学習ビデオ共有:

css ビデオ チュートリアルCSSでフォントの色を調整する方法)

例 2:

カラー値は RGB:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
<style>
body {color: rgb(255,0,51);}
</style>
</head>
<body>

<h1>这是标题</h1>

<p>段落文本的颜色为 16 进制值。</p>

</body>
</html>

実行結果:


関連する推奨事項:

CSS チュートリアルCSSでフォントの色を調整する方法

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

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