忍者ブログ

栃木県のおもしろあるある

関東地方の1県栃木県にまつわるあるある情報紹介ブログです。

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

背景画像

こんばんは、
燃えPaPaです。

今回も、背景操作の代表的プロパティ、
background
の利用法で、背景画像の指定方法の解説です。

要素の中で、

background-image: url("img/bk.jpg")

という指定を入れます。
前半、background-imageが背景画像を決めるプロパティで、
後半のurl("")の中で、背景画像を指定します。
ファイルを参照できるURLを指定する必要があり、
URLは絶対パスでも相対パスでも大丈夫です。
ただし、注意点として画像ファイルを相対パスで指定する場合は、
スタイルシートファイルからの相対パスになります。
※外部スタイルシートにしている場合

ブロック要素でも、インライン要素でも、
画面に表示される要素すべてで指定できます。

背景には色をつける場合と同じくらい画像を表示させることは多いため、
非常に多用されるプロパティです。


燃えPaPa
PR