卷軸

【整體加入捲軸】
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 右立體邊顏色(軸面的旁右邊) 


這麼一來就大功告成啦!

再也不用擔心捲軸顏色搭配的問題了。

rectangle 發表在 痞客邦 PIXNET 留言(0) 人氣()