改变滚动条的外观


   其实要改变滚动条的外观很简单,你只需在页面HTML代码的<body>......</body>之间加入下列几行代码即可:
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#666666;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#cccccc;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#E0E0E0;
}
-->
</STYLE>   
左边代码在IE中的
显示效果 


  其中:SCROLLBAR-FACE-COLOR、SCROLLBAR-HIGHLIGHT-COLOR、SCROLLBAR-SHADOW-COLOR、SCROLLBAR-ARROW-COLOR、SCROLLBAR-BASE-COLOR、SCROLLBAR-DARKSHADOW-COLOR分别用于指定滚动条不同部分的颜色值(所对应部分请看 图一 ),“:”后面的就是指定的相应色值,可用HTML色彩常量或直接指定16进制的色值(如:#FFFFFF 是白色)。如上例就实现了一个平板式的黄色背景,蓝色单线框的滚动条。

 

阅读更多
文章标签: html ie
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭