用CSS代码轻松Diy你的网页滚动条
日期：2013-07-25 浏览次数：20886 次
在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的，而是漂亮的红色或其它颜色，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？
网页滚动条代码及其解释如下：（复制时请将大写尖括号改为小写）
＜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 {
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本人的网页滚动条了。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
