HTML div 滚动条样式设计
生活随笔
收集整理的這篇文章主要介紹了
HTML div 滚动条样式设计
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
::-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;/*滾動條的寬度*/
}
通過該種方式設計div的滾動條樣式。
轉載于:https://www.cnblogs.com/super86/p/4304782.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的HTML div 滚动条样式设计的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 做不孕不育的检查大概需要多少钱？
- 下一篇： html第二章课后选择题答案,HTML课