DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 輕松Diy你的網頁滾動條
輕松Diy你的網頁滾動條
編輯:Dreamweaver相關     

在浏覽網頁的時候我們有時可以看到有的網頁滾動條顏色不是系統默認的,而是漂亮的紅色或其它顏色,其實這就是在網頁代碼之間加入代碼來實現的,具體是哪些代碼呢? 

  網頁滾動條代碼及其解釋如下:(復制時請將大寫尖括號改為小寫)  
 

  <Style type="text/css">  

  <!-- 

  Body {  

  scrollbar-face-color:#C0C0C0; (表面)  

  scrollbar-highlight-color:#FFFFFF;(亮邊)  

  scrollbar-3dlight-color:#C0C0C0;(3D亮邊)  

  scrollbar-darkshadow-color:#000000; (3D暗邊)  

  scrollbar-Shadow-color:#808080;(陰影)  

  scrollbar-arrow-color:#000000; (箭頭)  

  scrollbar-track-color:#E0E0E0;(滾動區)  

  }  

  -->  

  </Style>  

  以上的代碼,從Body以下的,凡是#號後面的,都是顏色代碼,顏色代碼為16進制。而括號內的文字是對左邊代碼的注釋,在加入網頁代碼時不要輸入。這樣一來,你就可以DIY自己的網頁滾動條了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved