■　スクロールバーの色を変えよう　■
　<head>　〜　</head>　の好きな場所に記述してね。
■　サンプル　■

赤1

赤2

赤3

赤4

青1

青2

青3

青4

黄1

黄2

黄3

黄4

緑1

緑2

 

 

黒1

黒2

 

 
左のテーブルにマウスを重ねると
右のスクロールバーの色が
変わるので確認してね♪
　　＜Get the CSS＞
　
■　ソース　■
　<STYLE type="text/css">
　<!--
　body {
　scrollbar-face-color:#FFFFFF;
　scrollbar-track-color:#FFFFFF;
　scrollbar-arrow-color:#3366FF;
　scrollbar-highlight-color:#FFFFFF;
　scrollbar-shadow-color:#3366FF;
　scrollbar-3dlight-color:#3366FF;
　scrollbar-darkshadow-color:#FFFFFF
　}
　-->
　</STYLE>
■　解　　説　■
  
バーの表面色 　scrollbar-face-color:#008000;
バーの背景色 　scrollbar-track-color:#cdcdcd;
上下の△▽色 　scrollbar-arrow-color:#dda0dd;
外枠の色 　scrollbar-highlight-color:#FFF000;
影の色 　scrollbar-shadow-color:#ffffff;
枠の色 　scrollbar-3dlight-color:#FF0000;
淵の色 　scrollbar-darkshadow-color:#000000;