方法: 1. RGBA() 関数を使用して、赤、緑、青、透明度の重ね合わせを使用してさまざまな色を生成します。構文は、「rgba(red、green、blue、transparency)」です。 HSLA() 関数を使用して、「hsla (色相、彩度、明るさ、透明度)」という構文で色相、彩度、明度、透明度を使用して色を定義します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
方法 1: RGBA() 関数を使用する
rgba() 関数は、赤 (R)、緑 (G)、青 (B)、透明度 ( A) さまざまな色を生成するオーバーレイ。
構文:
rgba(red, green, blue, alpha)
属性値:
説明 | |
---|---|
#red | 赤の値を定義します。値の範囲は 0 ~ 255 で、0% ~ 100% のパーセンテージも使用できます。|
green | 緑色の値を定義します。値の範囲は 0 ~ 255 で、パーセンテージ 0% ~ 100% も使用できます。|
blue | 青色の値を定義します。値の範囲は 0 ~ 255 で、パーセンテージ 0% ~ 100% も使用できます。|
アルファ - 透明度 | 透明度を定義します 0 (完全に透明) ~ 1 (完全に不透明)
RGB 颜色,并使用透明度:
红色
绿色
蓝色
灰色
黄色
樱桃色
# hsla() 関数は、色相、彩度、明度、透明度を使用して色を定義します。
HSLA は、色相、彩度、明度、透明度の略です (英語: Hue、Saturation、Lightness、Alpha)。 色相 (H) は色の基本的な属性であり、赤、黄色など、一般的に色の名前と呼ばれるものです。hsla(hue, saturation, lightness, alpha)
HSL 颜色,并使用透明度:
绿色
浅绿
暗绿
柔和的绿色
紫色
柔和的紫色
(学習ビデオ共有:
)
以上がCSSで透明色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
色相の定義 (0 ~ 360) - 0 (または 360) は赤、120 は緑、240 は青 | #saturation - 彩度 |
彩度を定義します。0% はグレー、100% はフルカラー | 明度 - 明るさ |
明るさを定義します。0% は暗い、50% は通常、100% は白です | アルファ - 透明度 |
透明度を定義 0 (完全に透明) ~ 1 (完全に不透明) | ##例: | レンダリング:css ビデオ チュートリアル