大家好，小经来为大家解答以上问题。css滚动条样式，css滚动条样式很多人还不知道，现在让我们一起来看看吧！

1、 打开网页开发工具，新建一个超文本标记语言文件

2、 添加填充内容让页面出现滚动条（这一步是为了方便给大家演示！)

3、 编写滚动条样式：

4、 正文：-网络工具包-滚动条{

5、 宽度：10px

6、 }

7、 body:-WebKit-滚动条-轨道{

8、 背景：#999

9、 边框半径：2px

10、 }

11、 正文：-网络工具包-滚动条-缩略图{

12、 背景：红；

13、 边框半径：10px

14、 }

15、 正文：-网络工具包-滚动条-拇指：悬停{

16、 背景：#333

17、 }

18、 正文：-网络工具包-滚动条-角落{

19、 背景：#179a16

20、 }

21、 打开浏览器预览效果：

22、 滚动条参数说明：

23、 :-网络工具包-滚动条

24、 :-网络工具包-滚动条-缩略图

25、 :-网络工具包-滚动条-跟踪

26、 :-网络工具包-滚动条-按钮

27、 :-网络工具包-滚动条-跟踪件

28、 :-网络工具包-滚动条-角落

29、 :-webkit-resizer

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