More than 5 years have passed since last update.

CSSのbackground-color: transparent;について

Last updated at 2019-09-20Posted at 2019-09-19

自分の学習したアウトプットのつもりで投稿します。

(例)

style.css

.contact-form input[type=submit] {
  display: block;
  width: 200px;
  margin: 40px auto 0;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

上記コード内のbackground-color: transparent;
の意味は背景色を透過しているような見た目になる。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up