css 滚动条粗细 |css鼠标移动div划出

/* 滚动条整体样式 */
::-webkit-scrollbar {
width: 10px;
}
/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
background-color: #f6f6f6;
border-radius: 5px;
}
/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
background-color: #c7c7c7;
border-radius: 5px;
}
/* 滚动条滑块悬停样式 */
::-webkit-scrollbar-thumb:hover {
background-color: #aaaaaa;
}

在上面的代码中，大家使用了伪类选择器来对滚动条进行了样式设置。其中，::-webkit-scrollbar用于设置整个滚动条的宽度；::-webkit-scrollbar-track用于设置滚动条轨道的颜色和圆角；::-webkit-scrollbar-thumb用于设置滑块的颜色和圆角；::-webkit-scrollbar-thumb:hover设置滑块悬停后的颜色。

需要注意的是，上面代码中的滚动条样式只适用于支持Webkit内核的浏览器，如Chrome、Safari等。如果要兼容其他浏览器，需要使用相应兼容代码。此外，滚动条的粗细也可以通过改变width属性的值来进行调整。

总之，滚动条的调整可以丰富网页的视觉效果，让用户在浏览网页时拥有更好的体验。