＊＊背景の固定・スクロールバーの装飾＊＊

	ここでは、ワンランク上のページをつくるため、CSS（スタイルシート）を軽く紹介します。背景画像の固定 bodyタグで背景画像を表示させることは勉強しましたが、ここではCSSを使って、背景を固定してみましょう。 ※※すべて＜head＞～＜/head＞に入れてください。※※ ★上一列に固定★ <STYLE type="text/css"> <!-- BODY { background-color: 背景色; background-image : url("壁紙のURL"); background-repeat: repeat-x; background-attachment: fixed; } --> </STYLE> ★下一列に固定★ <STYLE type="text/css"> <!-- BODY{ BACKGROUND-IMAGE:URL("壁紙のURL"); BACKGROUND-ATTACHMENT:fixed; BACKGROUND-REPEAT:repeat-x; BACKGROUND-POSITION:bottom;} --> </STYLE> ★左一列に固定★ <STYLE type="text/css"> <!-- BODY { background-color: 背景色; background-image : url("壁紙のURL"); background-repeat: repeat-y; background-attachment: fixed; } --> </STYLE> ★右一列に固定★ <STYLE type="text/css"> <!-- BODY { background-color: 背景色; background-image : url("壁紙のURL"); background-position: 100% 0%; background-repeat: repeat-y; background-attachment: fixed; } --> </STYLE> ★左上に固定★ <STYLE type="text/css"> <!-- BODY { background-color: 背景色; background-image : url("壁紙のURL"); background-repeat: no-repeat; background-attachment: fixed; } --> </STYLE> ★右上に固定★ <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat ; } --> </STYLE> ★左下に固定★ <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat ; } --> </STYLE> ★右下に固定★ <STYLE type="text/css"> <!-- BODY { background-image : url("画像URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> ★中央に固定★ <STYLE type="text/css"> <!-- body { background-image : url("壁紙のURL"); background-repeat: no-repeat; background-attachment: fixed; background-position: center ; } --> </STYLE> ちなみにこのページの背景画像（ウサギさんと猫さん）は、右上に固定されています。スクロールバーの色の変更右端や下の所に表示されてるスクロールバーの色を変えてみましょう。 ※※すべて＜head＞～＜/head＞に入れてください。※※ <style type="text/css"> <!-- body { scrollbar-arrow-color:三角の色; scrollbar-face-color:バーの色; scrollbar-highlight-color:バーの影の色（上・左）; scrollbar-3dlight-color:バーの上・左辺の色; scrollbar-track-color:バーの余白の色; scrollbar-shadow-color:バーの影の色（下・右）; scrollbar-darkshadow-color:バーの下・右辺の色; } --> </style> と、文章で書かれてもわかりにくいと思うので、サンプルページをいくつか作成しました。自分なりにアレンジして、好みの色合いのスクロールバーを作ってください！サンプル① 　サンプル② 　サンプル③ 　サンプル④

ここでは、ワンランク上のページをつくるため、CSS（スタイルシート）を軽く紹介します。

背景画像の固定
bodyタグで背景画像を表示させることは勉強しましたが、ここではCSSを使って、背景を固定してみましょう。

※※すべて＜head＞～＜/head＞に入れてください。※※

★上一列に固定★

★下一列に固定★

★左一列に固定★

★右一列に固定★

★左上に固定★

★右上に固定★

★左下に固定★

★右下に固定★

★中央に固定★

ちなみにこのページの背景画像（ウサギさんと猫さん）は、右上に固定されています。

スクロールバーの色の変更
右端や下の所に表示されてるスクロールバーの色を変えてみましょう。

※※すべて＜head＞～＜/head＞に入れてください。※※

と、文章で書かれてもわかりにくいと思うので、サンプルページをいくつか作成しました。
自分なりにアレンジして、好みの色合いのスクロールバーを作ってください！

サンプル① 　サンプル② 　サンプル③ 　サンプル④