|
- 背景色を設定する |
|
- 背景画像を設定する |
|
- 背景画像の並べ方 |
|
- 背景画像の表示する位置 |
|
- 画像をスクロールさせない（動かさない） |
背景色を設定する - 参考例
body {
background-color: #77ccff;
}
背景画像を設定する - 参考例
body {
background-image: url(images/back.gif);
}
背景画像の並べ方 - 参考例
body {
background-image: url(images/back.gif);
background-repeat: repeat-x;
}
| repeat-x |
画像を横に並べていく |
| repeat-y |
画像を縦に並べていく |
| no-repeat |
画像を一つだけ表示する |
背景画像の表示する位置 - 参考例
body {
background-image: url(images/back.gif);
background-repeat: no-repeat;
no-repeat: center center;
}
| 横方向 |
値：『 left 』(左)、『 center 』(中央)、『 right 』(右)が入ります |
| 縦方向 |
値：『 top 』(上)、『 center 』(中央)、『 bottom 』(下)が入ります。 |
画像をスクロールさせない（動かさない） - 参考例
body {
background-image: url(images/back.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
