css网页滚动条样式设置--css样式

最新推荐文章于 2025-06-20 00:30:00 发布

yaoyuan725

最新推荐文章于 2025-06-20 00:30:00 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：网页制作文章标签： css

本文链接：https://blog.youkuaiyun.com/yaoyuan725/article/details/801124

网页制作专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何使用CSS来定制网页滚动条的各种样式属性，包括滚动条的颜色设定等，并通过一个具体的实例展示了如何为滚动条设置白色背景和紫红色边框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css样式详细介绍，网页滚动条样式设置

各条语句含义如下：
Crollbar-Face-color:滚动条页面颜色设定；
Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定；
Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定；
Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color:滚动条两端箭头颜色设定；
Scrollbar-Track-Color:滚动条底版颜色设定；
Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定。

举例说明：
------------------------------------------------
白背景，紫红色边框
------------------------------------------------
<STYLE type=text/css>
BODY {

scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#800080;
scrollbar-darkshadow-color:#800080;
scrollbar-Shadow-color:#FFFFFF;
scrollbar-arrow-color:#800080;
scrollbar-track-color:#ffffff;}

</STYLE>