用CSS代碼輕松Diy你的網頁滾動條

2010-08-28 10:49:35來源:西部e網作者:

    在瀏覽網頁的時候我們有時可以看到有的網頁滾動條顏色不是系統(tǒng)默認的,而是漂亮的紅色或其它顏色,其實這就是在網頁代碼之間加入代碼來實現(xiàn)的,具體是哪些代碼呢?
 
     網頁滾動條代碼及其解釋如下:(復制時請將大寫尖括號改為小寫)

以下是引用片段:
<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;(滾動區(qū)) 

--> 
</Style> 

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

關鍵詞:CSS

贊助商鏈接: