今回の記事では背景色を指定した時に、透過させて表示したい時のやり方を紹介いたします。

まずは通常の色を指定した場合から見ていきます。

background: 40C800;と指定しました。

すると

このように表示されます。

この四角形を透過させます。

やり方

background:rgba(64,200,0,0.5);

このように指定します。

最後の0.5で透明度を指定します。

その結果

このように背景色を透過させて表示することができました。