<HEAD>タグの間に、以下のスタイルシートを記述してください。
<style type="text/css">
BODY {
scrollbar-face-color: #00FF00;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #EEEEEE;
scrollbar-track-color: #6699CC;
scrollbar-arrow-color: #6699CC;
} </STYLE>
このスタイルシートを記述すると、「ほむぺのはなし」のスクロールバーと同じ色になります。→
色を変えて、オリジナルのスクロールバーを作ってみてください。
上のスタイルシートの説明を以下に記述します。
「scrollbar-face-color」は、スクロールバーの動くバーの部分と、上と下の矢印の周りの色です。
「scrollbar-3dlight-color」は、スクロールバーの動くバーの部分と、上と下の矢印の周りの縁の色です。
「scrollbar-highlight-color」は、スクロールバーの動くバーの部分と、上と下の矢印の周りの縁の色です。
「scrollbar-shadow-color」は、スクロールバーの動くバーの部分と、上と下の矢印の周りの縁の色です。
「scrollbar-track-color」は、スクロールバーの土台?の部分の色です。
「scrollbar-arrow-color」は、上と下の矢印の色です。
ちょっとわかりにくいですが、色を変えて試してみてください。
|