反转人生 豆瓣:网页设计问题?
来源:百度文库 编辑:高校问答 时间:2024/09/21 09:02:56
用css2.0的滚动条属性吧,按下面给出的语法分别设置滚动条各个部分(不用全部)的颜色.
设置滚动条亮边框颜色。
语法:
scrollbar-3d-light-color : color;
参数:
color :指定颜色。
设置滚动条3D界面的亮边颜色
语法:
scrollbar-highlight-color : color;
参数:
color : 指定颜色。
设置滚动条3D表面的颜色。
语法:
scrollbar-face-color : color;
参数:
color : 指定颜色。
设置滚动条方向箭头的颜色。
scrollbar-arrow-color : color ;
参数:
color : 指定颜色。
设置滚动条3D界面的暗边颜色。
语法:
scrollbar-shadow-color : color;
参数:
color : 指定颜色。
设置滚动条暗边框颜色
scrollbar-dark-shadow-color : color;
参数:
color : 指定颜色。
设置滚动条基准颜色
语法:
scrollbar-base-color : color;
参数:
color : 指定颜色。
下面举几个例子:
设置整个个页面的滚动条;三种方法;
1.<body style="scrollbar-3d-light-color : red; scrollbar-arrow-color : #ca1542;scrollbar-face-color : rgb(222,123,45);">
2.在<head>与</head>之间加入以下代码
<style type="text/css">
body {scrollbar-3d-light-color : red; scrollbar-arrow-color : #ca1542;scrollbar-face-color : rgb(222,123,45);}
</style>
3.在外部定义css(扩展名为.css)文件;
文件内容如下:
body {scrollbar-3d-light-color : red; scrollbar-arrow-color : #ca1542;scrollbar-face-color : rgb(222,123,45);}
再在网页<head>与</head>之间加入以下代码来引用这个文件
<link href="css文件地址" rel="stylesheet" type="text/css">
好了,自己去试一试吧!
放在<head></head>之间,颜色可以自己改
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: C0C0C0;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-arrow-color: 000000;
scrollbar-track-color: ffffff;
}
-->
</STYLE>