ホームページ > 記事 > ウェブフロントエンド > フォントの色のCSSを設定する
CSS では、フォントの色の設定は基本的なスタイル属性です。これは color 属性を通じて実装されます。この記事では、color プロパティを使用してフォントの色を設定する方法を学びます。
color 属性
color 属性は、CSS で色を設定するために使用されるプロパティです。テキスト、背景、境界線、その他の要素の色を設定するために使用できます。
color 属性では、赤、緑などの事前定義された色名を使用することも、16 進数または RGB 値を使用して色を指定することもできます。
color 属性を使用してフォントの色を設定する例をいくつか示します。
h1 {
color: red;
}
p {
color : #0000ff;
}
span {
color: rgb(255, 0, 0);
}
上記のコードでは、Red を使用しました。青と RGB 赤を使用して、さまざまな要素の色を設定します。
事前定義された色の名前
CSS には、直接使用できる事前定義された色の名前がいくつかあります。一般的に使用される色の名前とそれに対応する色をいくつか示します。
rgb(0, 255, 0): 緑
rgb(0, 0, 255): 青rgb(128, 128, 128): Gray
透明度の設定
color 属性を通じてフォントの透明度を設定することもできます。透明度は不透明度属性を使用して指定され、値の範囲は 0 ~ 1 で、0 は完全に透明、1 は完全に不透明です。以下に例を示します。
color: rgba(0, 0, 255, 0.5);
}上記のコードでは、rgba( ) を使用して、色と透明度を設定します。このうち、r、g、bはそれぞれ赤、緑、青の3色の値を表し、aは透明度を表します。この例では、色を青、透明度を 0.5 (透明度 50%) に設定します。
結論
以上がフォントの色のCSSを設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。