CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用したHue-Saturation-Lightnessモデル（HSL）を使用して色を定義します

Hue-Saturation-Lightnessモデル（HSL）を使用して色を定義するには、hsl（）CSSメソッドを使用します。

次のコードを実行して、CSSでhsl（）関数を実装してみてください

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            background-color:hsl(0,100%,50%);
         }
         h2 {
            background-color:hsl(192,89%,48%);
         }
      </style>
   </head>
   <body>
      <h1>Red Background</h1>
      <h2>Blue Background</h2>
   </body>
</html>

  1. CSSボックスモデルを定義する

    デザインとレイアウトという用語を説明するときは、「ボックスモデル」と呼びます。 HTMLのすべての要素はボックスと見なされます。 CSSボックスモデルには、余白、境界線、パディング、およびコンテンツがあります。

  2. CSSを使用したリンクの色の設定

    CSSを使用すると、リンクに色を付けることができます。 colorプロパティは、要素のテキストの色を設定するために使用されます。 疑似セレクターの順序は、次のように指定されます。-：link、：visited、：hover、：active。 構文 CSSカラープロパティの構文は次のとおりです- Selector {    color: /*value*/ } 例 次の例は、CSSカラープロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> #demo::after { &