ブログ投稿日時:
ブログ更新日時:
background-imageについて解説
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(ここに画像のパスを記述); で指定することができます。
最後までお読みいただきありがとうございます。