IE 好看的滾動條樣式

2021-09-28 20:22:45 字數 958 閱讀 8346

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 方便又很好看滾動條樣式

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

樣式 滾動條

overflow x overflow y overflow 版本 css2 相容性 ie4 ns6 繼承性 無 語法 overflow visible auto hidden scroll 引數 visible 不剪下內容也不新增滾動條。假如顯式宣告此預設值,物件將被剪下為包含物件的window或...

滾動條樣式

scrollbar face color 滾動條凸出部分的顏色 scrollbar highlight color 滾動條空白部分的顏色 scrollbar shadow color 立體滾動條陰影的顏色 scrollbar 3dlight color 滾動條亮邊的顏色 scrollbar arro...