捲軸CSS樣式控制瀏覽器捲軸顏色的代碼

製作網站的時侯為了美化網站介面，大家都希望把瀏覽器右邊的捲軸修改一下顏色，這個通過修改網頁代碼是實現不了的，我們需要藉助CSS來控制捲軸的樣式。

    如果想修改瀏覽器捲軸的顏色，我們可以把下面的代碼插入到CSS裡，這樣就可以讓捲軸變色。

    代碼如下： （放在body裡,不行就放在html標籤裡。）

　　　　  scrollbar-face-color:#dddddd;   /*瀏覽器右邊捲軸凸出部分的顏色*/
  　　　　scrollbar-highlight-color:#ffffff;   /*瀏覽器右邊捲軸空白部分的顏色*/

  　　　　scrollbar-shadow-color:#ffffff;    /*瀏覽器右邊立體捲軸陰影的顏色*/

  　　　　scrollbar-3dlight-color:#eeeeee;   /*瀏覽器右邊捲軸亮邊的顏色*/

 　　　　 scrollbar-arrow-color:#eeeeee;    /*瀏覽器右邊捲軸上下按鈕上三角箭頭的顏色*/

 　　　　 scrollbar-track-color:#f7f7f7;      /*瀏覽器右邊捲軸的背景顏色*/

  　　　　scrollbar-darkshadow-color:#eeeeee;   /*捲軸強陰影的顏色*/

　　　　如：

　　　　　　body{xxx;xxx;} 或者 html{xxx;xxx;}

　　　　　　常用效果：

 scrollbar-highlight-color: #008000;
 scrollbar-shadow-color: #008000;
 scrollbar-3dlight-color: #000000;
 scrollbar-arrow-color: #000000;
 scrollbar-track-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-face-color: #000000;

　　　　　　　　　　　　　　　　-----------

 

 

　　　　圖解：

　　　　　　　　

　　    把這些代碼插入到CSS當中，然後你就會看到你的網站所在的瀏覽器捲軸顏色變化了，是不是很漂亮呢？