2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] background-imageで背景画像を指定しよう!

background-imageの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.background-imageとは?

background-colorプロパティは背景画像を指定します。

値の指定方法は以下の通りです。

{ background-image: 値; }

値の指定方法

  • url()
  • none




2.background-imageの使い方

それではbackground-imageの使い方をみていきましょう。

.background { 
 background-image: url(image.png); 
}

上記のようにすることで背景画像が表示されます。

関数の引数はカンマで区切って複数指定できます。

この場合、先に指定した画像が前面に、後に指定した画像が背面に配置されます。

他にも値を設定できるのでいろいろと試してみることをお勧めします!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です