SoyaBlog

これを見れば解決しそうや

HOME>CSS>background-imageについて解説
ブログ投稿日時:
ブログ更新日時:
background-imageについて解説

background-imageについて解説

  1. background-image とは
  2. background-image の指定方法
  3. 今回のまとめ
1.

background-image とは

background-image は背景画像を表示させるプロパティです。

2.

background-image の指定方法

それでは background-image の指定方法を見ていきましょう。

<div class="background-img"></div>
.background-img {
 /* background-image: url(ここに画像のパスを記述); */
 background-image: url(../images/post/background-image.png);
 width: 100%;
 height: 300px;
}
HTMLとCSSの表示

上記のように background-image を指定する際は url( ) の ( ) の中に画像のパスを記述してあげることで背景画像が表示されます。

3.

今回のまとめ

この記事では background-image について解説しました。

background-image は背景画像を表示させるプロパティです。

background-image を指定する際は background-image: url(ここに画像のパスを記述); で指定することができます。

最後までお読みいただきありがとうございます。