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

王林
リリース: 2023-01-03 09:27:42
オリジナル
3658 人が閲覧しました

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!