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

rgba（）CSS関数の使用法

CSS rgb（）を使用します RGBモデルを使用して色を定義する関数。

CSS rgba（）を使用します 不透明度のあるRGBカラーを設定する関数。

次のコードを実行して、rgba（）関数で色を設定してみてください。

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            background-color:hsl(0,100%,50%);
         }
         h2 {
            background-color:rgb(0,0,255);
            color: rgb(255,255,255);
         }
         p {
            background-color:rgba(255,0,0,0.9);
         }
      </style>
   </head>
   <body>
      <h1>Red Background</h1>
      <h2>Blue Background</h2>
      <p>This is demo text!</p>
   </body>
</html>

  1. CSS rgb（）関数

    rgb（）関数は、RGBカラー値を設定するために使用されます。関数のパラメーターは、色の強度をパーセンテージまたは0から255までの値で設定します。 例 まず、CSSでrgb（）を実装する例を見てみましょう- <!DOCTYPE html> <html> <head> <style> div {    text-align: justify;    text-justify: inter-word;    color: rgb(213,33,33);    back

  2. RGBAを使用したCSSの透明性

    CSSの透過性にはRGBA（）値を使用します。アルファチャネルパラメータを設定して、色の不透明度を指定します。 以下は、RGBAを使用してCSS透過性を実装するためのコードです- 例 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {    width: 200px;    heigh