卷軸
【整體加入捲軸】
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 右立體邊顏色(軸面的旁右邊)
這麼一來就大功告成啦！
再也不用擔心捲軸顏色搭配的問題了。
留言列表