::-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的滚动条样式。
以上就是html中关于div滚动条样式设计的实例的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544759.html
微信扫一扫 
支付宝扫一扫 
