如何改变滚动条的颜色？_教程

分类: 电脑/网络

问题描述:

我做了个小小的网页，为了美观想改变滚动条的颜色，如何改？

解析:

css实现的方法

在 <head>与 </head>之间加入：

body {

SCROLLBAR-FACE-COLOR: #ff99cc

SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF

SCROLLBAR-SHADOW-COLOR: #ff0000

SCROLLBAR-3DLIGHT-COLOR: #ff0000

SCROLLBAR-ARROW-COLOR: #ff0000

SCROLLBAR-TRACK-COLOR: #ffcccc

SCROLLBAR-DARKSHADOW-COLOR: #ffffff

}

</STYLE>

CSS属性属性说明

scrollbar-3dlight-color滚动条亮边框颜色

scrollbar-arrow-color滚动条方向箭头的颜色

scrollbar-darkshadow-color滚动条下边和右边的边沿颜色

scrollbar-face-color滚动条3D表面的颜色

scrollbar-highlight-color滚动条斜面和左面颜色

scrollbar-shadow-color滚动条下斜面和右面颜色

scrollbar-track-color滚动条底版颜色

scrollbar-base-color滚动条基准颜色。

颜色代码你应该懂吧？修改就可以了

<STYLE>BODY { SCROLLBAR-FACE-COLOR: #f892ccSCROLLBAR-HIGHLIGHT-COLOR: #f256c6SCROLLBAR-SHADOW-COLOR: #fd76c2SCROLLBAR-3DLIGHT-COLOR: #fd76c2SCROLLBAR-ARROW-COLOR: #fd76c2SCROLLBAR-TRACK-COLOR: #fd76c2SCROLLBAR-DARKSHADOW-COLOR: #f629b9SCROLLBAR-BASE-COLOR: #e9cfe0 } </STYLE>SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色 SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色 SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色 SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色 SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色 SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色 SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色 SCROLLBAR-BASE-COLOR: 滚动条的基本颜色

scrollbar-face-color:#FF9900 /*滚动条页面颜色设定*/

scrollbar-track-color:#FFFF00/*滚动条底版颜色设定*/

scrollbar-arrow-color:#FFFF00/*滚动条两端箭头颜色设定*/

scrollbar-highlight-color:#FFCC66/*滚动条上斜面和左斜面颜色设定*/

scrollbar-shadow-color:#996600/*滚动条下斜面和右斜面颜色设定*/

scrollbar-3dlight-color:#FFFFFF/*滚动条上边和左边的边沿颜色设定*/

scrollbar-darkshadow-color:#000000/*滚动条下边和右边的边沿颜色设定*/

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/tougao/11235881.html

如何改变滚动条的颜色？

发表评论

评论列表（0条）