上一篇
下一篇
定义网页滚动条颜色及显示位置的方法
作者:cmscn 日期:2008-12-21
介绍两个网页制作中实用的知识.
一.网页滚动条颜色的修改.
因为网页色系的不确定性,使浏览器自带的滚动条影响了整个页面的视觉效果,所以,我们可以用修改滚动条颜色的方法使它们想谐调.
在body样式中加入以下代码
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
}
对上面的代码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滚动条基准颜色
根据以上说明自行修改相对应颜色参数即可实现你想要的效果.
二.滚动条位置的修改方法
滚动条的位置默认都是在右边,大部分用户习惯也是在右边,所以一般来说,还是采取默认的显示方法,毕竟用户体验永远都是第一位.
滚动条的位置修改方法也很简单,在页面<body>中加入dir="rtl"(左侧显示):<body dir="rtl">.
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: 496
发表评论
