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

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

不透明度のある色相-彩度-明度モデル（HSL）を使用して色を定義するには、hsla（）CSSメソッドを使用します。

例

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

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

  1. CSSを使用してx軸とともにスキュー変換を定義する

    次のコードを実行して、CSS-を使用してx軸とともにスキュー変換を実装してみてください。 例 <html>    <head>       <style>          div {             width: 300px;             height: 100px;        

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

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