|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
网页制造poluoluo文章简介:CSS教程:CSS把持扫瞄器转动条的款式源代码:1.overflow内容溢出时的设置
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.让扫瞄器窗口永久都不呈现转动条
没有程度转动条
<bodystyle="overflow-x:hidden">
没有垂直转动条
<bodystyle="overflow-y:hidden">
没有转动条
<bodystyle="overflow-x:hidden;overflow-y:hidden">或<bodystyle="overflow:hidden">
2.设定多行文本框的转动条
没有程度转动条
<textareastyle="overflow-x:hidden"></textarea>
没有垂直转动条
<textareastyle="overflow-y:hidden"></textarea>
没有转动条
<textareastyle="overflow-x:hidden;overflow-y:hidden"></textarea>
或
<textareastyle="overflow:hidden"></textarea>
3.设定窗口转动条的色彩
设置窗口转动条的色彩为白色
<bodystyle="scrollbar-base-color:red">
scrollbar-base-color设定的是基础色,一样平常情形下只必要设置这一个属性就能够到达改动转动条色彩的目标。
加上一点出格的效果:
<bodystyle="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
4.设定其他元素时,基础上一样,你最好是在款式表文件中界说好一个类,如许你就能够反复利用了。
.coolscrollbar
{
scrollbar-arrow-color:yellow;
scrollbar-base-color:lightsalmon;
}
将以上语句到场到款式表文件中或html头部的<style></style>傍边,然后利用
<textareaclass="coolscrollbar"></textarea>
一般来说还需要用Photoshop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。 |
|