background-image: 背景画像を設定する
background-image: 値;
プロパティ仕様
値 | 説明 |
---|---|
url("画像ファイル名") | ファイル名は、絶対パス・相対パスのどちらも可。相対パスを指定する時は、CSSファイルが置かれている場所から見た画像の位置が、相対パスとなる。 |
サンプル1 ー ページ全体の背景画像 ー
sample css ↓
body {background-color: url(sample.gif);}
サンプル2 ー 要素やクラス名・ID名の背景画像 ー
sampleというクラス名の背景画像にsample.gifを指定
sample css ↓
.sample {background-color: url(sample.gif);
height:100px;}
html ↓
<html>
<body>
<div class="sample">背景画像を指定</div>
</body>
</html>
実際の見え方 ↓
背景画像を指定