明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

html中對于div滾動條樣式設(shè)計的案例

[摘要]html中關(guān)于div滾動條樣式設(shè)計的實例::-webkit-scrollbar-track-piece{background-color:#fff;/*滾動條的背景顏色*/-webkit-border-radius:0;/*滾動條的圓角寬度*/}::-webkit-scrollbar{width:...
html中關(guān)于div滾動條樣式設(shè)計的實例

::-webkit-scrollbar-track-piece{
background-color:#fff;/*滾動條的背景顏色*/
-webkit-border-radius:0;/*滾動條的圓角寬度*/
}
::-webkit-scrollbar{
width:8px;/*滾動條的寬度*/
height:8px;/*滾動條的高度*/
}
::-webkit-scrollbar-thumb:vertical{/*垂直滾動條的樣式*/
height:50px;
background-color:#999;
-webkit-border-radius:4px;
outline:2px solid #fff;
outline-offset:-2px;
border:2px solid #fff;
}
::-webkit-scrollbar-thumb:hover{/*滾動條的hover樣式*/
height:50px;
background-color:#9f9f9f;
-webkit-border-radius:4px;
}
::-webkit-scrollbar-thumb:horizontal{/*水平滾動條的樣式*/
width:5px;
background-color:#CCCCCC;
-webkit-border-radius:6px;
}
div::-webkit-scrollbar{
    width:8px;/*滾動條的寬度*/
  }

通過該種方式設(shè)計div的滾動條樣式。

以上就是html中關(guān)于div滾動條樣式設(shè)計的實例的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。