HTML頁面滾動條相關設定總結

網頁中經常見到帶有滾動條，例如輸入框，那麼如何根據自己的喜好去設置好看的滾動條呢，今天就總結下設置滾動條的方法：

設置滾動條的樣式：

1.css設定捲軸樣式步驟圖解

瀏覽器預設的滾動條樣子太過屌絲了，得自己動手整整。記得IE瀏覽器有幾個設定滾條的樣式，不過比較雞肋，只能設定顏色之類的，而且webkit下面也不支援。無意間看到網易信箱的滾動條樣子很好看，一開始以為是用p模擬的，結果一看，吼吼，正合我意，利用的CSS來設定的，而且是webkit瀏覽器的。

2.html中設定捲軸的樣式

#設定捲軸顏色：

1.解決IE6下無法設定捲軸顏色

解決IE6下無法設定捲軸顏色

一般設定捲軸樣式的時候會使用如下CSS代碼:

body
{
    scrollbar-face-color:#f6f6f6;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#eeeeee;
    scrollbar-3dlight-color:#eeeeee;
    scrollbar-arrow-color:#000;
    scrollbar-track-color:#fff;
    scrollbar-darkshadow-color:#fff;
}

    

相關問答建議：

1.div中巢狀多個div設定捲軸沒有效果

2. 怎麼設定捲軸的上下邊距

3.怎麼設定捲軸顏色，跨瀏覽器的

#

以上是HTML頁面滾動條相關設定總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！