HTMLでの色の設定

WBOY
リリース: 2023-05-21 12:07:07
オリジナル
1902 人が閲覧しました

HTML プログラミングでは、色の設定は非常に一般的な操作です。 HTML では、ページ要素の色を設定するさまざまな方法が提供されています。その一部を次に示します:

  1. RGB 値を使用する:

RGB は英語の "Red" / 「グリーン/ブルー」(赤・緑・青)、この3色を異なる割合で混ぜることで、さまざまな色が得られます。 HTML では、RGB 値を使用して色を設定できます。例:

<div style="background-color: rgb(255, 0, 0);">红色背景</div>
ログイン後にコピー

ここで、rgb(255, 0, 0) は赤を表し、それぞれ赤、緑、青の値を表します。 、値の範囲は 0 ~ 255 です。パーセントを使用して表現することもできます。たとえば、

<div style="background-color: rgb(100%, 0%, 0%);">红色背景</div>
ログイン後にコピー

ここで、rgb(100%, 0%, 0%) は赤も表します。

  1. 16 進値を使用する:

RGB 値に加えて、16 進値を使用して色を設定することもできます。 16 進値は、プレフィックス # と 6 文字で構成されます。各 2 文字はカラー チャネルの値を表します。たとえば、#FF0000 は赤を表します。FF は赤チャネルの値を表し、他のチャネルの値は0.赤を表す #F00 などの略語も使用できます。

<div style="background-color: #FF0000;">红色背景</div>
ログイン後にコピー
  1. 事前定義された色の値を使用する:

HTML には、赤、緑、青など、よく使用される事前定義された色の値もいくつか用意されています。これらの色の値は、スタイル内で直接使用できます。例:

<div style="color: red;">红色文字</div>
ログイン後にコピー

上記では、HTML でのいくつかの一般的な色設定方法を紹介しています。開発者は、実際の色に応じてページ要素の色を設定する適切な方法を選択できます。ニーズ。使用するときは、より良い視覚効果を実現するために、色の設定の位置にも注意し、適切な色の組み合わせを選択する必要があります。

以上がHTMLでの色の設定の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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