背景色を変える background-colorプロパティ - CSS
背景色を変えるにはbackground-color
プロパティを使う。
.main { background-color: #fafafa; }
値にtransparent
を設定すると透過色という意味になる。
.main { background-color: transparent; }
色を透過するとき
- 背景色と文字を透過:
opacity
プロパティを使う - 背景色のみ透過:
rgba
で色を指定
背景色と文字を透過
背景色と文字の色を透過するときにはopacity
プロパティを使う。
opacityプロパティについてはここに書いた
See the Pen 背景色と文字を透過(opatity) by tamago (@tamago324) on CodePen.
背景色のみ透過
背景色のみ透過するときには色を指定するときにrgba
を使う
rgba
の第4引数に透明度を指定して、透過する
rgbaについてはここに書いてある
See the Pen 背景色のみ透過(rgbaで色指定) by tamago (@tamago324) on CodePen.