网页div滚动条样式设置
生活随笔
收集整理的這篇文章主要介紹了
网页div滚动条样式设置
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
網(wǎng)頁(yè)div滾動(dòng)條樣式設(shè)置
::-webkit-scrollbar-track-piece{ background-color:#fff;/*滾動(dòng)條的背景顏色*/ -webkit-border-radius:0;/*滾動(dòng)條的圓角寬度*/ } ::-webkit-scrollbar{ width:8px;/*滾動(dòng)條的寬度*/ height:8px;/*滾動(dòng)條的高度*/ } ::-webkit-scrollbar-thumb:vertical{/*垂直滾動(dòng)條的樣式*/ height:50px; background-color:#999; -webkit-border-radius:4px; outline:2px solid #fff; outline-offset:-2px; border:2px solid #fff; } ::-webkit-scrollbar-thumb:hover{/*滾動(dòng)條的hover樣式*/ height:50px; background-color:#9f9f9f; -webkit-border-radius:4px; } ::-webkit-scrollbar-thumb:horizontal{/*水平滾動(dòng)條的樣式*/ width:5px; background-color:#CCCCCC; -webkit-border-radius:6px; } div::-webkit-scrollbar{width:8px;/*滾動(dòng)條的寬度*/ }?
總結(jié)
以上是生活随笔為你收集整理的网页div滚动条样式设置的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 大学物理实验 | 直流电桥
- 下一篇： [译] Genymotion 现在提供了