CSS排版程式(7)-美化瀏覽器

屬性名稱

cursor(游標)

scrollbar系列:scrollbar-base-color(捲軸基準色)、scrollbar-face-color(捲軸表面顏色)、scrollbar-track-color(捲軸軌跡顏色)、scrollbar-arrow-color(捲軸方向顏色)、scrollbar-3dlight-color(捲軸3D亮面顏色)、scrollbar-darkshadow-color(捲軸3D暗面顏色)、scrollbar-highlight-color(捲軸邊框亮面顏色)、scrollbar-shadow-color(捲軸邊框暗面顏色)

cursor

說明:設定游標樣式,將游標圖示改成指定形狀。有些圖示會受系統限制產生不同效果。本語法不提供範例結果。

屬性值:auto(自動,預設值)、url(圖片網址)、default(系統預設形狀)、help(帶問號的箭頭)、progress(帶沙漏的箭頭)、wait(沙漏)、text(文字選取圖示)、pointer(手)、crosshair(十字)、move(移動時的圖示,指向四方的箭頭)、e-resize(向東的箭頭)、ne-resize(向東北的箭頭)、n-resize(向北的箭頭)、nw-resize(向西北的箭頭)、w-resize(向西的箭頭)、sw-resize(向西南的箭頭)、s-resize(向南的箭頭)、se-resize(向東南的箭頭)、inherit(繼承父元素設定)

scrollbar系列

說明:設定捲軸的顏色。只能在IE瀏覽器上顯示。

scrollbar-base-color(捲軸基準色)、scrollbar-face-color(捲軸表面顏色)、scrollbar-track-color(捲軸軌跡顏色)、scrollbar-arrow-color(捲軸方向顏色)、scrollbar-3dlight-color(捲軸3D亮面顏色)、scrollbar-darkshadow-color(捲軸3D暗面顏色)、scrollbar-highlight-color(捲軸邊框亮面顏色)、scrollbar-shadow-color(捲軸邊框暗面顏色)

屬性值:auto(自動,預設值)、(顏色)

【範例】

.scrollbar1 {
    width:500px;
    height:100px;
    overflow:scroll;
    scrollbar-highlight-color:yellow;   /* 捲軸邊框亮面的顏色 */
    scrollbar-shadow-color:red;     /* 捲軸邊框暗面的顏色 */
    scrollbar-face-color:green;     /* 捲軸表面顏色 */
    scrollbar-arrow-color:blue;     /* 捲軸方向箭頭的顏色 */
    scrollbar-track-color:pink;     /* 捲軸軌跡的顏色 */
}
.scrollbar2 {
    width:500px;
    height:100px;
    overflow:scroll;
    scrollbar-highlight-color:gray;     /* 捲軸邊框亮面的顏色 */
    scrollbar-shadow-color:gray;        /* 捲軸邊框暗面的顏色 */
    scrollbar-3dlight-color:red;        /* 捲軸3D亮面的顏色 */
    scrollbar-darkshadow-color:yellow;  /* 捲軸3D暗面的顏色 */
}
.scrollbar3 {
    width:500px;
    height:100px;
    overflow:scroll;
    scrollbar-base-color:pink;      /* 捲軸的基準顏色,其它顏色將據此調整 */
}

【結果】