CSS 可以控制页面的滚动条扩展样式，从而改善用户体验。以下是一些常用的样式属性和用法：
::-webkit-scrollbar：用于控制滚动条的样式。width 和 height：设置滚动条的宽度和高度。background：设置滚动条的背景颜色。border-radius：设置滚动条的圆角。scrollbar-color：设置滚动条的颜色，包括前景色和背景色。scrollbar-width：设置滚动条的宽度。下面是一个示例代码，用于将滚动条的颜色设置为红色，宽度为10px，高度为100px，圆角为5px：
::-webkit-scrollbar {
width: 10px;
height: 100px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background: #ff0000;
border-radius: 5px;
}
::-webkit-scrollbar-track {
background: #fff;
}注意，这些样式属性只在 WebKit 内核的浏览器中生效，包括 Chrome、Safari 等。如果要实现跨浏览器的滚动条样式，可以使用一些 JavaScript 库，如 PerfectScrollbar 和 OverlayScrollbars。