背景画像 CSS background-image:
背景画像を指定する。ページ全体の背景画像を変更したり、特定のHTML要素やID名・クラス名をつけた部分に適用できる。
背景画像指定のプロパティ background-image:
background-image: url("画像ファイルへのパス")
画像ファイルへのパスは、CSSプロパティを入力したファイルからの相対パスを入力する。外部スタイルシートに入力する場合は、外部スタイルシートからの相対パスを入力することに注意。
ページ全体の背景画像を指定する
body { background-image: url("画像ファイルへのパス") }
<body>要素に割り当てると、ページ全体の背景画像が変わる。
特定の部分(要素・クラス)の背景画像を指定する
<h1>要素の背景画像を指定する。
h1 { background-image: url("画像ファイルへのパス") }
クラス名「test」の背景色を指定する。
.test { background-image: url("画像ファイルへのパス") }
ID名「main」に背景色の指定する。
#main { background-image: url("画像ファイルへのパス") }
