1.怎么给滚动条设置颜色
<div id="abc"></div>
定义id为abc的这个div的CSS属性
在<head>;下
<style>
#abc{width:100px;height:100px; overflow:scroll; }
</style>
overflow:scoll;的意思是总显示滚动条。
滚动条的颜色,只有在IE浏览器才能显示出来。自己在color后面加颜色去试试 不太好用
scollbar-3dlight-color:
scollbar-hightlight-color:
scollbar-facelight-color:
scollbar-arrowlight-color:
scollbar-shadowlight-color:
scollbar-darklight-color:
scollbar-baselight-color:
scollbar-tracklight-color:
2.请教关于滚动条的颜色设置的问题
其实,这是使用了样式表的原因,在样式表里有一些控制滚动条的颜色语句,语句如下:BODY{CROLLBAR-FACE-CLOLR:#FFCC00;SCROLLBAR-HIGHLIGHT-COLOR:#FF0000;SCROLLBAR-SHADOW-COLOR:#FFFFFF;SCROLLBAR-3DLIGHT- :#000000SCROLLBAR-TRACK-COLOR:#FDEAC4;SCROLLBAR-DARKSHADOW-COLOR:#FFFF00}各条语句含义如下:SCROLLBAR-FACE-COLOR为滚动条表面颜色设定;SCROLLBAR-HIGHLIGHT-COLOR:#FF0000为滚动条上斜面和左斜面颜色设定;SCROLLBAR-SHADOW-COLOR:#FFFFFF;为滚动条下斜面和左斜面颜色设定SCROLLBAR-3DLIGHT- 为滚动条上边和左边的边洞颜色设定;SCROLLBAR-ARROW-COLOR:#000000;为滚动条两端箭头颜色设定;SCROLLBAR-TRACK-COLOR:#FDEAC4;为滚动条底版颜色设定;SCROLLBAR-DARKSHADOW-COLOR:#FFFF00;为滚动条下边和右边沿颜色设定;以上的内容可以使用写字板编写,保存为CSS后缀的文件。
在例用DW设计网页时在设计窗口空白处按鼠标右键选择:样式表、编辑样式表、连接,选择做好的样式表就行了。自从dhtml出现以来,微软对dhtml功能的加强就没有停止过,在微软最新的游览器internetexplorer5。
5的的ie5。5增加了许多新的样式表内容,对滚动条的样式进行修改也是其中之一,下面我们简单地介绍一下涉及浏览器滚动条的样式表内容:1。
overflow内容溢出时的设置overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2。
scrollbar-3d-light-color立体滚动条亮边的颜色scrollbar-arrow-color上下按钮上三角箭头的颜色scrollbar-base-color滚动条的基本颜色scrollbar-dark-shadow-color立体滚动条强阴影的颜色scrollbar-face-color立体滚动条凸出部分的颜色scrollbar-highlight-color滚动条空白部分的颜色scrollbar-shadow-color立体滚动条阴影的颜色以上七个属性设置的值都是颜色值,可以使用样式表定义的各种表达方式。 使用以上的样式定义内容,我们可以指定浏览器窗口、多行文本框的滚动条的显示与否和颜色样式,第一组样式属性用于设定被设定对象是否显示滚动条,第二组样式属性则用于设置滚动条的颜色,要注意的本文涉及的样式属性都是ie才能支持的,第二组的样式属性只有ie5。
5版本才能支持,所以请大家在调试的时候注意。我们通过几个实例来讲解上述的样式属性:1。
让浏览器窗口永远都不出现滚动条没有水平滚动条没有垂直滚动条没有滚动条或2。设定多行文本框的滚动条没有水平滚动条没有垂直滚动条没有滚动条或3。
设定窗口滚动条的颜色设置窗口滚动条的颜色为红色scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。 加上一点特别的效果:4。
设定其他元素时,基本上一样,你最好是在样式表文件中定义好一个类,这样你就可以重复使用了。
coolscrollbar{scrollbar-arrow-scrollbar-base-}将以上语句加入到样式表文件中或html头部的当中,然后使用。
3.怎样改变框架滚动条的颜色
overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。<!--StartFragment-->scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
4.如何设置网页中滚动条的颜色
用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">
好了,自己去试一试吧!
转载请注明出处windows之家 » win10滚动条颜色设置