opacity　｜CSSリファレンス

[ opacity ]

透明度を指定する。

透明効果がオブジェクト全体に均一に適用される。
オブジェクト全体ではなく、背景色やボーダー色に個別に適用したい場合には、rgba()で指定する。

■透明度の値
0.0（完全に透明）～1.0（完全に不透明）の範囲で指定　＊初期値は1

■使用例／CSS

p.sample1 {background-color: rgb(255,230,230);} 
p.sample2 {opacity:0.7; background-color: rgb(255,230,230);} 
p.sample3 {opacity:0.5; background-color: rgb(255,230,230);}
p.sample4 {opacity:0.3; background-color: rgb(255,230,230);} 

■見本

opacityプロパティの適用なし

opacity:0.7;　を段落全体に指定

opacity:0.5;　を段落全体に指定

opacity:0.3;　を段落全体に指定