網頁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滚动条样式设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。