css中如何加滚动条样式

CSS中添加滚动条可以帮助我们展示大量信息的同时，保持页面的整洁性。下面介绍几种方法：

1. overflow属性

.scrollable{height: 200px;overflow: auto;}

设置一个固定高度的容器，并将其overflow属性设置为auto即可出现滚动条。

2. webkit滚动条

.scrollable::-webkit-scrollbar {width: 6px;}.scrollable::-webkit-scrollbar-thumb {background-color: #999;}

这种方法使用了webkit浏览器提供的特定样式，可以对滚动条进行自定义样式设置。

3. 自定义滚动条

.scrollable{scrollbar-width: thin;scrollbar-color: #999 transparent;}.scrollable::-webkit-scrollbar-thumb {background-color: #999;}

此方法是在2的基础上进行的进一步自定义，可以改变滚动条的颜色和宽度。

以上就是几种常用的CSS中添加滚动条的方法，根据使用场景进行选择即可。