スクロールバーに色をつける

といっても、これが有効なのはIEだけなんですけどね。

cssのわりと上の方に、下のような部分があります。

/* ----------------------- common ----------------------- */
* {
margin: 0;
padding: 0;
}

この部分に、スクロールバーの色を変える指定を入れるだけ。

でも色の指定は自力でやらなければならないし、
そうするとプレビューを何回もやって微調整しなくちゃいけなくて大変。

そんな手間を省いてくれるのが* ＨＴＭＬの小技 *というサイト。

ここのスクロールバーを選ぶと、
いろんなスクロールバーのcssがTipsとして配布されています♪

これ！というスクロールバーを選んだら、小窓の中のソースをコピーペースト。

<STYLE type="text/css">

</STYLE>

↑こんな具合のソースがペーストされたら、上下2行は不要なので削っちゃいましょう。

/* ----------------------- common ----------------------- */
* {
margin: 0;
padding: 0;
scrollbar-face-color: #ffc1c1; /*スクロールバー本体の色*/
scrollbar-highlight-color: #ff9999; /*スクロールバー左側（上）の影*/
scrollbar-shadow-color: #ff9999; /*スクロールバー右側（上）の影*/
scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側（下）の影*/
scrollbar-arrow-color: #ffffff; /*矢印の色*/
scrollbar-track-color: #ffffff; /*背面の色*/
scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側（下）の影*/
}

こんなカンジになればOK。

あとはプレビューで確認して、保存するだけ。

決まった部分にコピーペーストするだけなので、
cssの知識なんて全然ない･･･という人でも簡単にできちゃいます♪

＊Tipsを配布しているサイトは他にもたくさんあります。
サイトによって利用規約が異なりますので、規約を確認したうえで利用してください。