CSS 3 属性の学習 -- 2. RGBA_html/css_WEB-ITnose

RGBA とは、CSS3 で色を制御するために使用される単位で、赤、緑、青、およびアルファ透明度の三原色の略称です。

つまり、この属性は色と透明度を設定するのに役立ちます。

実際には、RGB 属性と不透明度属性の組み合わせです。

3 つの RGB 値の設定は、パーセントまたは 0 ～ 255 の整数値にすることができます。

A の値は 0~1 で、不透明度属性と一致します。

1. バックグラウンドで適用:

.reg-bgc{    background: rgb(255, 0, 0);}.apl-bgc{    background: rgba(255, 0, 0, 0.5);}

2. ボーダー

.reg-border-color{    border-width:3px;    border-style: solid;    border-color: rgb(255, 0, 0);;}.apl-border-color{    border-width:3px;    border-style: solid;    border-color: rgba(255, 0, 0, 0.5);;}

3. フォント

.reg-font-color{    color:rgb(255, 0, 0);;}.apl-font-color{    color:rgba(255, 0, 0, 0.5);;}

4. フォントシャドウ

.reg-textshad-color{    text-shadow: 0 2px 1px rgb(255,0,0);;}.apl-textshad-color{    text-shadow: 0 2px 1px rgba(255,0,0,0.5);;}

5. ボックスシャドウ

デモ