Mit CSS kannst du den Scrollbalken (das Element an der rechten Seite des Browserfensters, mit dem man die Seite rauf und runter bewegen kann) passend zu deinem Design gestalten. Leider funktioniert das nur mit dem Internet Explorer. Andere Browser wie Firefox kennen diese CSS-Befehle nicht. So sieht der Tag aus:

body {
    scrollbar-base-color:#000000;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#000000;
    }

Einfügen mit den passenden Farben in deine CSS-Datei oder dein CSS-Element und schon ist der Scrollbalken fertig.

Das bedeuten die Elemente:

• scrollbar-base-color = Basisfarbe der Scroll-Leiste
• scrollbar-3dlight-color = Farbe für 3D-Effekte
• scrollbar-arrow-color = Farbe für Verschiebepfeile
• scrollbar-darkshadow-color = Farbe für Schatten
• scrollbar-face-color = Farbe für Oberfläche
• scrollbar-highlight-color = Farbe für oberen und linken Rand
• scrollbar-shadow-color = Farbe für unteren und rechten Rand
• scrollbar-track-color = Farbe für freibleibenden Verschiebeweg

Wie die optimale Farbgebung aussieht musst du ausprobieren, indem du einfach verschiedene Farben einsetzt.

So kann ein Scrollbalken aussehen. Der Code dazu:

body {
    scrollbar-base-color:green;
    scrollbar-3dlight-color:white;
    scrollbar-arrow-color:red;
    scrollbar-darkshadow-color:blue;
    scrollbar-face-color:yellow;
    scrollbar-highlight-color:aqua;
    scrollbar-shadow-color:orange;
    scrollbar-track-color:green;
    }~