修改网站IE滚动条的颜色代码是什么
- 提问者网友：泪痣哥哥
- 2021-07-21 01:18
- 五星知识达人网友：野慌
- 2021-07-21 02:45
<html>
<head>
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: rgb(255,204,0);
SCROLLBAR-3DLIGHT-COLOR: rgb(255,207,116);
SCROLLBAR-DARKSHADOW-COLOR: rgb(255,227,163);
SCROLLBAR-BASE-COLOR: rgb(255,217,93)
}
</STYLE>
</head>
</html>
- 1楼网友：三千妖杀
- 2021-07-21 05:39
- 2楼网友：西岸风
- 2021-07-21 04:29
在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的，而是漂亮的红色或其它颜色，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？ 网页滚动条代码及其解释如下：（复制时请将大写尖括号改为小写）
以下是引用片段： ＜style type="text/CSS"＞ ＜!-- Body { scrollbar-face-color:#C0C0C0; （表面） scrollbar-highlight-color:#FFFFFF;（亮边） scrollbar-3dlight-color:#C0C0C0;（3D亮边） scrollbar-darkshadow-color:#000000; （3D暗边） scrollbar-Shadow-color:#808080;（阴影） scrollbar-arrow-color:#000000; （箭头） scrollbar-track-color:#E0E0E0;（滚动区） } --＞ ＜/Style＞
以上的代码，从Body以下的，凡是#号后面的，都是颜色代码，颜色代码为16进制。而括号内的文字是对左边代码的注释，在加入网页代码时不要输入。这样一来，你就可以DIY自己的网页滚动条了。
以下是各个伴块滚动条的代码
文章列表的滚动条：
#m_blog{scrollbar-face-color: #E100E1; scrollbar-shadow-color: maroon; scrollbar-highlight-color: white; scrollbar-3dlight-color: #E100E1; scrollbar-darkshadow-color:#E100E1; scrollbar-arrow-color:#E100E1; scrollbar-base-color: #E100E1; scrollbar-track-color: #E100E1; overflow-y:auto;height:1194px; filter: chroma(color=#E100E1);}
友情链接的滚动条：
#m_links{scrollbar-face-color: #E100E1; scrollbar-shadow-color: maroon; scrollbar-highlight-color: white; scrollbar-3dlight-color: #E100E1; scrollbar-darkshadow-color:#E100E1; scrollbar-arrow-color:#E100E1; scrollbar-base-color: #E100E1; scrollbar-track-color: #E100E1; overflow-y:auto;height:823px; filter: chroma(color=#E100E1);}
文章分类的滚动条：
#m_artclg{scrollbar-face-color: #E100E1; scrollbar-shadow-color: maroon; scrollbar-highlight-color: white; scrollbar-3dlight-color: #E100E1; scrollbar-darkshadow-color:#E100E1; scrollbar-arrow-color:#E100E1; scrollbar-base-color: #E100E1; scrollbar-track-color: #E100E1; overflow-y:auto;height:250px; filter: chroma(color=#E100E1);}
最新评论的滚动条：
#m_comment{scrollbar-face-color: #E100E1; scrollbar-shadow-color: maroon; scrollbar-highlight-color: white; scrollbar-3dlight-color: #E100E1; scrollbar-darkshadow-color:#E100E1; scrollbar-arrow-color:#E100E1; scrollbar-base-color: #E100E1; scrollbar-track-color: #E100E1; overflow-y:auto;height:458px; filter: chroma(color=#E100E1);}
参数说明：
1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。
参数: visible：扩大面积以显示所有内容 auto：仅当内容超出限定值时添加滚动条 hidden：总是隐藏滚动条 scroll：总是显示滚动条
2、height : 设置滚动条的高度（修改其后数值即可）。
3、滚动条颜色参数设置：
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色 scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色 scrollbar-base-color 设置或检索滚动条基准颜色
- 3楼网友：渊鱼
- 2021-07-21 04:20