css滚动条样式 网页两侧滚动条样式

发布时间:2021-01-08编辑:脚本学堂
分享一个css控制的网页滚动条样式,网页两侧的滚动条样式设置的例子,需要的朋友参考下。

在网页中,网页两侧的滚动条也需要进行相应的设置,现在用css即可轻松解决这个问题。...

css滚动条样式
 

复制代码 代码示例:
body{
scrollbar-face-color: #f3fbff; /*滚动条凸出部分的颜色*/
scrollbar-highlight-color: #f1f1f1; /*滚动条空白部分的颜色*/
scrollbar-shadow-color: #fcfcfc; /*立体滚动条阴影的颜色*/
scrollbar-3dlight-color: #fcfcfc; /*滚动条亮边的颜色*/
scrollbar-arrow-color: #3f8cdc; /*上下按钮上三角箭头的颜色*/
scrollbar-track-color: #fcfcfc; /*滚动条的背景颜色*/
scrollbar-darkshadow-color: #66c0f4; /*立体滚动条强阴影的颜色*/
scrollbar-base-color: #fcfcfc ; / *滚动条的基本颜色*/
}