滾動條樣式錦集

2021-05-22 17:00:52 字數 1938 閱讀 8464

.帶背景顏色的實線邊框滾動條

200px;

scrollbar-shadow-color: #33cc33; color: #006600; scrollbar-3dlight-color:

#33cc33; scrollbar-arrow-color: #33cc33; border-bottom: black 2px solid;

scrollbar-darkshadow-color: #33cc33; height:

150px; background-color: #ccffcc" align=center>

文字

2.無背景顏色的實線邊框滾動條

200px; scrollbar-shadow-color: #ffd700; color: #d2691e;

scrollbar-3dlight-color: #ff7f50; scrollbar-arrow-color: #ff0000;

border-bottom: black 2px solid; scrollbar-darkshadow-color: #000000; height: 150px" align=center>文字

3.無背景顏色的虛線邊框滾動條

200px; scrollbar-shadow-color:

color:#000000 ; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color:

#006c90; border-bottom: #006c90  1pt dashed; scrollbar-darkshadow-color: #ffffff; height: 150px" align=left>文字

4.無背景顏色的雙線邊框滾動條

200px; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #d800b4; scrollbar-track-color: #ffffff; border-bottom: #fc48b4 double; scrollbar-darkshadow-color: #ffffff; height: 150px" align=left>

文字 

5.無背景顏色的圓點邊框滾動條

200px; scrollbar-3dlight-color: #fcfcfc;

scrollbar-arrow-color: #00b490; scrollbar-track-color: #fcfcfc; border-bottom:

#00b490  thick  dotted; scrollbar-darkshadow-color: #fcfcfc; height: 150px" align=left> 文字

6.無背景顏色的外凸邊框滾動條

200px;

scrollbar-shadow-color: #d8b4fc; color: #006600; scrollbar-3dlight-color:

#d8b4fc; scrollbar-arrow-color: #b424b4; border-bottom: #b46cfc  outset;

scrollbar-darkshadow-color: #d8b4fc; height: 150px" align=center>文字

6.有背景顏色的浮出立體線框滾動條

200px; scrollbar-shadow-color:

#fcb4d8; color: #fcb4d8; scrollbar-3dlight-color: #fcb4d8;

scrollbar-arrow-color: #d82448; border-bottom: #fcb4d8  ridge;

scrollbar-darkshadow-color: #fcb4d8; height: 150px; background-color:

#fcb4d8" align=center>文字

滾動條樣式錦集

1.帶背景顏色的實線邊框滾動條 200px scrollbar shadow color 33cc33 color 006600 scrollbar 3dlight color 33cc33 scrollbar arrow color 33cc33 border bottom black 2px s...

樣式 滾動條

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...