常用頁面滾動條的設定
1．overflow
內容溢位時的設定（
設定被設定
物件是否顯示
滾動條）
overflow-x
水平方向內容溢位時的設
置overflow-y
垂直方向內容溢位時的設
置以上三個屬性設定的
值為visible
(預設值
)、scroll、hidden、auto。
2．scrollbar-3d-light-color立體滾動條亮邊的
顏色（設定
滾動條的顏色）
scrollbar-arrow-color
上下按鈕
上三角箭頭的
顏色scrollbar-
base-
color
滾動條的基本顏色
scrollbar-dark-shadow-color
立體滾動條強陰
影的顏色scrollbar-
face-
color
立體滾動
條凸出部分的顏色
scrollbar-highlight-color
滾動條空白部分的顏色
scrollbar-shadow-color
立體滾動條陰
影的顏色我
們通過幾個
例項來講解上述的
樣式屬性：1.
讓瀏覽器視窗永
遠都不出
現滾動條
沒有水平滾動條
<
body
style
="overflow-x:hidden"
>
沒有垂直滾動條
<
body
style
="overflow-y:hidden"
>
沒有滾動
條<
body
style
="overflow-x:hidden;overflow-y:hidden"
>
或<
body
style
="overflow:hidden"
>2.
設定多行文字框的滾動條
沒有水平滾動條
<
textarea
style
="overflow-x:hidden"
>
textarea
>
沒有垂直滾動條
<
textarea
style
="overflow-y:hidden"
>
textarea
>
沒有滾動
條<
textarea
style
="overflow-x:hidden;overflow-y:hidden"
>
textarea
>
或<
textarea
style
="overflow:hidden"
>
textarea
>3.
設定視窗
滾動條的顏色
設定視窗
滾動條的顏色
為紅色<
body
style
="scrollbar-base-color:red"
>
scrollbar-
base-
color
設定的是基本色，一般情況下只需要設定
這乙個屬性就可以達到
改變滾動條顏
色的目的。
加上一點特
別的效果：
<
body
style
="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon"
>4.
在樣式表檔案中定
義好乙個類，
呼叫樣式表。
<
style
>
.coolscrollbar
style
>
這樣呼叫：
<
textarea
class
="coolscrollbar"
>
textarea
>
html頁面滾動條設定
1 overflow內容溢位時的設定 設定被設定物件是否顯示滾動條 overflow x水平方向內容溢位時的設定 overflow y垂直方向內容溢位時的設定 以上三個屬性設定的值為visible 預設值 scroll hidden auto。2 scrollbar 3d light color立體...
頁面滾動條
頁面載入條 前面也介紹過幾種進入頁面時的載入條，這裡介紹的這個是乙個無需任何製作出來的載入條。效果很精美 更適合於深色頁面內的放入 為了讓大家能聯連貫地看學好下面的步驟，所以此例項載入後的頁面還是原頁面。製作方法 將下面的 複製到裡 將下面的 複製到裡 將下面的 複製到 裡 例項注釋 定義載入條屬性...
谷歌滾動條設定 IE滾動條設定
google瀏覽器chrome設定滾動條樣式 courrlist webkit scrollbar courrlist webkit scrollbar track courrlist webkit scrollbar thumb courrlist webkit scrollbar thumb w...