[新着] Webテンプレートを仮オープンしました
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>
▼これをブラウザで見ると次のように表示されます