背景画像 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("画像ファイルへのパス") }