HTML 方便又很好看滾動條樣式

2021-08-21 05:56:20 字數 1134 閱讀 2557

html 方便又很好看滾動條樣式

原文:html 方便又很好看滾動條樣式

nanshan 即時通訊

提醒各位初學者們做html時如果遇到有很多內容的貼子,做上乙個滾動條樣式. 確實既方便又很好看. 具體的做法如下:

乙個說明: 本篇文章所指的彩色樣式只針對internet explorer 5.5+ 的瀏覽器起作用, firefox等標準瀏覽器無效.

滾動條樣式主要涉及到如下css屬性:

overflow屬性: 檢索或設定當物件的內容超過其指定高度及寬度時如何顯示內容

overflow: auto; 在需要時內容會自動新增滾動條

overflow: scroll; 總是顯示滾動條

overflow-x: hidden; 禁止橫向的滾動條

overflow-y: scroll; 總是顯示縱向滾動條

width: 568px; width: 98%; 設定區域的寬度[畫素/百分比等等]

height: 120px; 設定區域的高度[畫素/百分比等等]

---------------------------偶是分隔線------------------------------------

剩下的就是僅僅適用於ie 5.5+的瀏覽器樣式了:

scrollbar-base-color:#006699; 

設定基色設定該選項後可以不設定下面的屬性, 瀏覽器會依據基色自動調整

scrollbar-track-color:rgb(10,100,254); 底板軌跡顏色

scrollbar-3dlight-color: ; 上/左邊沿亮邊顏色

scrollbar-arrow-color: ; 兩端箭頭顏色

scrollbar-darkshadow-color: ; 下/右邊沿顏色

scrollbar-face-color: ; 表面顏色

scrollbar-highlight-color: ; 上/左斜面亮邊框顏色

scrollbar-shadow-color:; 下/右斜面暗邊框顏色

**:

這裡輸入文字

這裡輸入文字

這裡輸入文字區

這裡輸入文字

這裡輸入文字

html 方便又很好看滾動條樣式

IE 好看的滾動條樣式

nanshan 即時通訊 提醒各位初學者們做html時如果遇到有很多內容的貼子,做上乙個滾動條樣式.確實既方便又很好看.具體的做法如下 乙個說明 本篇文章所指的彩色樣式只針對internet explorer 5.5 的瀏覽器起作用,firefox等標準瀏覽器無效.滾動條樣式主要涉及到如下css屬性...

html滾動條樣式

一 滾動條的軌跡,記作 scrollbar track。所謂 軌跡 指滾動條的滑動塊執行時所必經的路線。二 滾動條的滑動塊,即在它上面按下滑鼠左鍵不放可上下或左右移動的滑動塊以及滾動條兩頭的小方塊,記作 scrollbar face。face即滾動條的 臉 注意它有三張 臉 滑動條和兩頭的小方塊。三...

HTML設定滾動條樣式

html webkit scrollbar html webkit scrollbar thumb html webkit scrollbar track滾動條的設定 1.webkit scrollbar 滾動條整體部分,可以設定寬度等 2.webkit scrollbar button 滾動條兩端...