【CSS解説】background-color（背景色）を無しにする方法

misa

こんにちは、ウェブデザインパレットのmisaです。

今回は、CSSのbackground-colorプロパティで、背景色を無しにする方法について解説します。

あわせて読みたい

CSSとは？Webサイト制作初心者でも安心！基本から応用まで徹底解説  こんにちは、ウェブデザインパレットのmisaです。 Webサイトを閲覧していると、見やすく読みやすいレイアウトや思わず目を引くようなデザインに出くわすことがあります…

background-color: transparent; を指定しよう

例えば、background-color: #fff;と指定されている箇所の背景を無し（透明）にしたい場合は、

  background-color: transparent;

と指定します。

「transparent」はbackground-colorプロパティの初期値です。

background-color: none; ではないので注意

ついつい、background-color: none;と記述してしまいそうになりますが、background-color:プロパティでnoneは指定できないので注意しましょう。

まとめ

今回は、CSSのbackground-colorプロパティで、背景色を無しにする方法について解説しました。

背景色を無し（透明）にしたい場合にはbackground-color: transparent;を指定すると覚えておくと便利です。

では、また～✨