CSSで透明色を設定する方法

方法: 1. RGBA() 関数を使用して、赤、緑、青、透明度の重ね合わせを使用してさまざまな色を生成します。構文は、「rgba(red、green、blue、transparency)」です。 HSLA() 関数を使用して、「hsla (色相、彩度、明るさ、透明度)」という構文で色相、彩度、明度、透明度を使用して色を定義します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

方法 1: RGBA() 関数を使用する

rgba() 関数は、赤 (R)、緑 (G)、青 (B)、透明度 ( A) さまざまな色を生成するオーバーレイ。

構文:

属性値:

##値 説明 赤の値を定義します。値の範囲は 0 ～ 255 で、0% ～ 100% のパーセンテージも使用できます。 緑色の値を定義します。値の範囲は 0 ～ 255 で、パーセンテージ 0% ～ 100% も使用できます。 青色の値を定義します。値の範囲は 0 ～ 255 で、パーセンテージ 0% ～ 100% も使用できます。 透明度を定義します 0 (完全に透明) ～ 1 (完全に不透明)

#red
green
blue
アルファ - 透明度

例:

レンダリング:

##方法 2: HSLA() 関数を使用する

# hsla() 関数は、色相、彩度、明度、透明度を使用して色を定義します。

HSLA は、色相、彩度、明度、透明度の略です (英語: Hue、Saturation、Lightness、Alpha)。

色相 (H) は色の基本的な属性であり、赤、黄色など、一般的に色の名前と呼ばれるものです。

• 彩度 (S) は色の純度を表し、値が高いほど色は純粋で、値が低いほど色は徐々に灰色になります。 0 ～ 100% の値。

• 明るさ (L) は 0 ～ 100% で、明るさを増やすと色は白に変わり、明るさを下げると色は黒に変わります。

• 透明度 (A) は、透明度を表す 0 から 1 までの値をとります。

• 構文:

hsla(hue, saturation, lightness, alpha)

ログイン後にコピー

属性値:

(学習ビデオ共有:

)

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

値 説明 色相 - 色相 #saturation - 彩度 明度 - 明るさ アルファ - 透明度 レンダリング:css ビデオ チュートリアル

色相の定義 (0 ～ 360) - 0 (または 360) は赤、120 は緑、240 は青
彩度を定義します。0% はグレー、100% はフルカラー
明るさを定義します。0% は暗い、50% は通常、100% は白です
透明度を定義 0 (完全に透明) ~ 1 (完全に不透明)	##例: