ページの基本設定

ページ背景色の設定

ページ全体の背景色をカラー名または#カラーコードで指定します
body { background-color: ★ }
タグに記述する場合
<body style="background-color: ★ ">
★=カラー名、カラーコード

ページ背景を画像ファイルに設定

背景画像のURLを指定します
body { background-image: url(★) }
タグに記述する場合
<body style="background-image: url(★) ">
★=ファイル名またはファイルURL

背景画像の固定表示

body { background-attachment: ★ }
タグに記述する場合
<body style="background-attachment: ★">
★=scroll 固定せずにスクロールと連動します
★=fixed 固定されスクロールしても画像は一定位置に表示されます

背景画像の繰り返し表示

body { background-repeat: ★ }
タグに記述する場合
<body style="background-repeat: ★">
★=repeat 上下左右に繰り返されます
★=repeat-x 左右に繰り返されます
★=repeat-y 上下に繰り返されます
★=no-repeat 繰り返されません

スクロールバーの色変更

5.5の新スタイルシート機能です
<style TYPE="text/css">
<!--
BODY {scrollbar-face-color:#BCBCFF;}
-->
</style>
<html>
<head>
<title>タグであそぼう!</title>
<style TYPE="text/css">
<!--
BODY {scrollbar-face-color:#BCBCFF;}
-->
</style>
</head>
<body>
</body>
</html>
その他のスクロールバー各部
scrollbar-highlight-color:
scrollbar-shadow-color:
scrollbar-3dlight-color:
scrollbar-arrow-color:
scrollbar-track-color:
scrollbar-darkshadow-color:

お気に入りアイコンのカスタマイズ

<LINK REL="SHORTCUT ICON" href="★">
★=変更するアイコンのファイル名(拡張子.ICOのアイコンファイル)
お気に入りに登録されると表示されるアイコンを変更する事が可能です

<html>
<head>
<title>タグであそぼう!</title>
<LINK REL="SHORTCUT ICON" href="★"> </head>
<body>
</body>
</html>

背景画像の位置指定

<body style="background-image:url('画像ファイル名');background-repeat:repeat-y;background-position:left;">
背景画像を左端(または右端)のみに表示させます
上記は左端表示です右の場合はbackground-position:rightと変更して下さい
サンプル(左端)
サンプル(右端)
上、または下に表示させたい場合は
background-repeat:repeat-y;をbackground-repeat:repeat-x;
background-position:left;をbackground-position:top(bottom);にそれぞれ変更して下さい

スクロールバーの非表示

<body style="overflow: hidden;">
表示領域のあふれ部分の処理を指定します
縦スクロールバーのみ非表示は<body style="overflow-y: hidden;">
横スクロールバーのみ非表示は<body style="overflow-x: hidden;">