背景の設定をひとまとめに行う

[新着] Webテンプレートを仮オープンしました


background: ***;

ブラウザ
Internet Explorer Netscape Firefox Opera
参考
書式基本 要素名 クラス ID

background は、背景色や背景画像(並び方、スクロール、位置)を一度に指定できるプロパティです。

body要素にこのスタイルを設定すると、ページの背景をひとまとめに指定することができます。


body {
background: #87ceeb url(image/back.gif) repeat-y fixed right top;
}


background 背景(色、画像、並び方、スクロール、位置)を指定します

【指定内容】

background: #87ceeb url(image/back.gif) repeat-y fixed right top ;
背景色 背景画像 並び方 画像スクロール 表示位置

それぞれの値は、半角スペースで区切って記述します。
記述する順番は自由で、必要のない指定は省くこともできます。(省いた部分はデフォルトが適用されます)


使用例

設定内容
背景色(水色)、背景画像(ブタさん)、並び方(縦方向)、画像スクロール(しない)、表示位置(右上)

<html>
<head>
<title>TAG index Webサイト</title>

<style type="text/css">
<!--

body {
background: #87ceeb url(image/back.gif) repeat-y fixed right top;
color: #000000;
}


-->
</style>

</head>
<body>



</body>
</html>

これをブラウザで見ると次のように表示されます



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版