スタイルシート 背景の属性

Webの森.com ホームページ作成支援サイト
背景に関する属性
- 背景色を設定する
- 背景画像を設定する
- 背景画像の並べ方
- 背景画像の表示する位置
- 画像をスクロールさせない(動かさない)

背景色を設定する - 参考例

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;
}
お願い
もしページの内容がお役に立てたら、ポチっと押して貰えると幸いです。

正当なCSSです!