Umod語法教室

你正在做無名樣式
想要換個漂亮的捲軸顏色？
下面提供15種不同顏色的
捲軸語法、捲軸變色語法
喜歡就帶回去使用！



建議您先看這一篇：怎麼做無名樣式：按鈕和捲軸

 捲軸語法

01
scrollbar-arrow-color: #555 ;
scrollbar-face-color: #000000 ;
scrollbar-track-color: #000 ;
scrollbar-3dlight-color: #FFF ;
scrollbar-highlight-color: #000 ;
scrollbar-shadow-color: #FFF ;
scrollbar-darkshadow-Color: #000 ;

02
scrollbar-arrow-color: #AAA ;
scrollbar-face-color: #777 ;
scrollbar-track-color: #999 ;
scrollbar-3dlight-color: #AAA ;
scrollbar-highlight-color: #222 ;
scrollbar-shadow-color: #AAA ;
scrollbar-darkshadow-Color: #222 ;

03
scrollbar-arrow-color: #DDD ;
scrollbar-face-color: #BBB ;
scrollbar-track-color: #DDD ;
scrollbar-3dlight-color: #EEE ;
scrollbar-highlight-color: #999 ;
scrollbar-shadow-color: #EEE ;
scrollbar-darkshadow-Color: #AAA ;

04
scrollbar-arrow-color: #73C573 ;
scrollbar-face-color: #00AA00 ;
scrollbar-track-color: #73C573 ;
scrollbar-3dlight-color: #8AD88A ;
scrollbar-highlight-color: #019201 ;
scrollbar-shadow-color: #8AD88A ;
scrollbar-darkshadow-Color: #019201 ;

05
scrollbar-arrow-color: #E4FECA ;
scrollbar-face-color: #CEF4A9 ;
scrollbar-track-color: #E4FECA ;
scrollbar-3dlight-color: #E9FED5 ;
scrollbar-highlight-color: #A9E86B ;
scrollbar-shadow-color: #E9FED5 ;
scrollbar-darkshadow-Color: #A0E35D ;

06
scrollbar-arrow-color: #BC5FEA ;
scrollbar-face-color: #A64AD4 ;
scrollbar-track-color: #BC5FEA ;
scrollbar-3dlight-color: #D796F8 ;
scrollbar-highlight-color: #8B2BBB ;
scrollbar-shadow-color: #D089F4 ;
scrollbar-darkshadow-Color: #8B2BBB ;

07
scrollbar-arrow-color: #EBC2FF ;
scrollbar-face-color: #E1A5FF ;
scrollbar-track-color: #EBC2FF ;
scrollbar-3dlight-color: #F0D3FF ;
scrollbar-highlight-color: #CE83F3 ;
scrollbar-shadow-color: #F0D3FF ;
scrollbar-darkshadow-Color: #D38BF7 ;

08
scrollbar-arrow-color: #FE89BE ;
scrollbar-face-color: #FF66AB ;
scrollbar-track-color: #FE89BE ;
scrollbar-3dlight-color: #FEADD1 ;
scrollbar-highlight-color: #FF4096 ;
scrollbar-shadow-color: #FEADD1 ;
scrollbar-darkshadow-Color: #FF4096 ;

09
scrollbar-arrow-color: #FFCBDC ;
scrollbar-face-color: #FFB3CC ;
scrollbar-track-color: #FFCBDC ;
scrollbar-3dlight-color: #FFDCE8 ;
scrollbar-highlight-color: #FF8BB2 ;
scrollbar-shadow-color: #FFCFDF ;
scrollbar-darkshadow-Color: #FF8BB2 ;

10
scrollbar-arrow-color: #FFF ;
scrollbar-face-color: #FFFF00 ;
scrollbar-track-color: #FFFF7E ;
scrollbar-3dlight-color: #FFF ;
scrollbar-highlight-color: #FFE100 ;
scrollbar-shadow-color: #FFF ;
scrollbar-darkshadow-Color: #FFD000 ;

11
scrollbar-arrow-color: #FFF ;
scrollbar-face-color: #FFFFA7 ;
scrollbar-track-color: #FFFFCB ;
scrollbar-3dlight-color: #FFF ;
scrollbar-highlight-color: #FFEA00 ;
scrollbar-shadow-color: #FFF ;
scrollbar-darkshadow-Color: #FFEA00 ;

12
scrollbar-arrow-color: #70B3FF;
scrollbar-face-color: #0874EF;
scrollbar-track-color: #5AA7FF;
scrollbar-3dlight-color: #70B3FF;
scrollbar-highlight-color: #2657DF;
scrollbar-shadow-color: #70B3FF;
scrollbar-darkshadow-Color: #2A58D8;

13
scrollbar-arrow-color: #E0F5FF;
scrollbar-face-color: #A3E2FF;
scrollbar-track-color: #C2ECFF;
scrollbar-3dlight-color: #fff;
scrollbar-highlight-color: #60CDFF;
scrollbar-shadow-color: #E0F5FF;
scrollbar-darkshadow-Color: #60CDFF;

14
scrollbar-arrow-color: #FFCA8D ;
scrollbar-face-color: #FF9721 ;
scrollbar-track-color: #FFAA49 ;
scrollbar-3dlight-color: #FFCE95 ;
scrollbar-highlight-color: #EF7F00 ;
scrollbar-shadow-color: #FFCE95 ;
scrollbar-darkshadow-Color: #EF7F00 ;

15
scrollbar-arrow-color: #FFDBB2 ;
scrollbar-face-color: #FFCA8D ;
scrollbar-track-color: #FFDBB2 ;
scrollbar-3dlight-color: #FCE5CB ;
scrollbar-highlight-color: #FFB45E ;
scrollbar-shadow-color: #FEDDB8 ;
scrollbar-darkshadow-Color: #FFB45E ;

 怎麼使用？短版樣式

不知道怎麼使用？「短版」樣式裡，有二條捲軸～



文章區捲軸變色，就是在樣式表加上：　#content {捲軸語法}

側邊盒子捲軸變色，就是在樣式表加上：　#links {捲軸語法}

 怎麼使用？長版樣式

如果你的樣式是「長版」的，那麼只會有一條「畫面捲軸」～



請用這一句來變色：　HTML {捲軸語法}


就介紹到這裡。你成功了嗎？

（*註：捲軸變色語法的效果，只有在IE瀏覽器下才看的見）