網頁中經常見到帶有滾動條,例如輸入框,那麼如何根據自己的喜好去設置好看的滾動條呢,今天就總結下設置滾動條的方法:
設置滾動條的樣式:
瀏覽器預設的滾動條樣子太過屌絲了,得自己動手整整。記得IE瀏覽器有幾個設定滾條的樣式,不過比較雞肋,只能設定顏色之類的,而且webkit下面也不支援。無意間看到網易信箱的滾動條樣子很好看,一開始以為是用p模擬的,結果一看,吼吼,正合我意,利用的CSS來設定的,而且是webkit瀏覽器的。
#設定捲軸顏色:
解決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; }
相關問答建議:
2. 怎麼設定捲軸的上下邊距
#以上是HTML頁面滾動條相關設定總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!