卷軸【整體加入捲軸】 html {overflow: hidden ;/*可以不使用的隱藏捲軸*/
SCROLLBAR-FACE-COLOR:#色碼 ;/*滑版的顏色*/
SCROLLBAR-HIGHLIGHT-COLOR:#色碼 ;/*滑版左和上邊框的顏色*/
SCROLLBAR-SHADOW-COLOR:#色碼 ;/*滑版右和下邊框的顏色*/
SCROLLBAR-3DLIGHT-COLOR:#色碼 ;/*左和上邊框的顏色*/
SCROLLBAR-ARROW-COLOR:#色碼 ;/*上下箭頭的顏色*/
SCROLLBAR-DARKSHADOW-COLOR:#色碼 ;/*陰影的顏色*/
SCROLLBAR-TRACK-COLOR:#色碼 ;/*軌道底部的顏色*/}
【回應文章區加入捲軸】 #boxNewComment .boxNewComment1 {margin-bottom: 20px;
height: 160px;
overflow: auto;
SCROLLBAR-FACE-COLOR: #E0F3FF;
SCROLLBAR-HIGHLIGHT-COLOR: #E0F3FF;
SCROLLBAR-SHADOW-COLOR: #E0F3FF;
SCROLLBAR-3DLIGHT-COLOR: #D6EFFF;
SCROLLBAR-ARROW-COLOR: #FFF;
SCROLLBAR-DARKSHADOW-COLOR: #D6EFFF;
SCROLLBAR-TRACK-COLOR:#D6EFFF;
}
【資料夾加入捲軸】
#boxFolder .boxFolder1
{margin-bottom: 20px; height: 160px;
overflow: auto; SCROLLBAR-FACE-COLOR: #E0F3FF; SCROLLBAR-HIGHLIGHT-COLOR: #E0F3FF;
SCROLLBAR-SHADOW-COLOR: #E0F3FF; SCROLLBAR-3DLIGHT-COLOR: #D6EFFF; SCROLLBAR-ARROW-COLOR: #FFF; SCROLLBAR-DARKSHADOW-COLOR: #D6EFFF;
SCROLLBAR-TRACK-COLOR:#D6EFFF;
}
【網誌最新文章部分加捲軸】 .boxNewArticle1 {
height: 220px; overflow: auto ;/*設定高度 */
scrollbar-arrow-color: #色碼 ; /*箭頭的顏色*/
scrollbar-face-color: #色碼 ; /*軸面顏色*/
scrollbar-track-color: #色碼 ; /*軸軌的顏色*/
scrollbar-3dlight-color: #色碼 ; /*左立體邊顏色 */
scrollbar-highlight-color: #色碼 ; /*軸面三角左邊顏色 */
scrollbar-shadow-color: #色碼 ; /*軸面三角右邊顏色 */
scrollbar-darkshadow-Color: #色碼 ;} /*右立體面顏色 */
【網誌最新引用部分加捲軸】 .boxNewTrackback1{
height: 220px; overflow: auto ; /*設定高度 */
scrollbar-arrow-color: #色碼 ; /*箭頭的顏色*/
scrollbar-face-color: #色碼 ; /*軸面顏色*/
scrollbar-track-color:#色碼 ; /*軸軌的顏色*/
scrollbar-3dlight-color: #色碼 ; /*左立體邊顏色 */
scrollbar-highlight-color: #色碼 ; /*軸面三角左邊顏色 */
scrollbar-shadow-color: #色碼 ; /*軸面三角右邊顏色 */
scrollbar-darkshadow-Color: #色碼 ;} /*右立體面顏色 */
捲軸顏色語法:
body{
SCROLLBAR-FACE-COLOR:
色碼;
SCROLLBAR-HIGHLIGHT-COLOR:
色碼;
SCROLLBAR-SHADOW-COLOR:
色碼;
SCROLLBAR-3DLIGHT-COLOR:
色碼;
SCROLLBAR-DARKSHADOW-COLOR:
色碼;
SCROLLBAR-ARROW-COLOR:
色碼;
SCROLLBAR-TRACK-COLOR:
色碼;
}
只要把上面的語法修改後貼在CSS最下方就可以了!
介紹一下語法代表各部位的名稱:
SCROLLBAR-FACE-COLOR
軸面顏色SCROLLBAR-HIGHLIGHT-COLOR
軸面三角左邊顏色SCROLLBAR-SHADOW-COLOR
軸面三角右邊顏色
SCROLLBAR-3DLIGHT-COLOR
左立體邊顏色(軸面的旁左邊)
SCROLLBAR-ARROW-COLOR
箭頭的顏色SCROLLBAR-TRACK-COLOR
軸軌顏色SCROLLBAR-DARKSHADOW-COLOR
右立體邊顏色(軸面的旁右邊) 這麼一來就大功告成啦!
再也不用擔心捲軸顏色搭配的問題了。