css3滚动条样式_div滚动条样式设置|今日热议

(资料图片仅供参考)

想必现在有很多小伙伴对于div滚动条样式设置方面的知识都比较想要了解，那么今天小好小编就为大家收集了一些关于div滚动条样式设置方面的知识分享给大家，希望大家会喜欢哦。新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小，用border先来查看是否有超出，这里可以看出超出了很多内容。overflow-y:scroll;overflow-x:scroll;加上这个样式滚动条就会出现了。#ds::-webkit-scrollbar-track{background-color:green;}#ds::-webkit-scrollbar{width:20px;}#ds::-webkit-scrollbar-thumb{background-color:pink;border-radius:50%;}现在我们就能对轨道和滚动条进行样式的设置了。

本文到此结束，希望对大家有所帮助。