改變滾動條的外觀

   其實要改變滾動條的外觀很簡單，你只需在頁面HTML代碼的＜body＞......＜/body＞之間加入下列幾行代碼即可：
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#666666;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#cccccc;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#E0E0E0;
}
-->
</STYLE> 　 
左邊代碼在IE中的
顯示效果 

　　其中：SCROLLBAR-FACE-COLOR、SCROLLBAR-HIGHLIGHT-COLOR、SCROLLBAR-SHADOW-COLOR、SCROLLBAR-ARROW-COLOR、SCROLLBAR-BASE-COLOR、SCROLLBAR-DARKSHADOW-COLOR分別用於指定滾動條不同部分的顏色值（所對應部分請看 圖一 ），“：”後面的就是指定的相應色值，可用HTML色彩常量或直接指定16進制的色值（如：#FFFFFF 是白色）。如上例就實現了一個平板式的黃色背景，藍色單線框的滾動條。