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
立体
滚动
条
阴
影的
颜
色
我
们
通
过
几个
实
例来
讲
解上述的
样
式属性:
1
.
让浏览
器窗口永
远
都不出
现滚动
条
没有水平
滚动
条
<
body
style
=
"overflow-x:hidden"
>
没有垂直
滚动
条
<
body
style
=
"overflow-y:hidden"
>
没有
滚动
条
<
body
style
=
"overflow-x:hidden;overflow-y:hidden"
>
或
<
body
style
=
"overflow:hidden"
>
2
.
设
定多行文本框的
滚动
条
没有水平
滚动
条
<
textarea
style
=
"overflow-x:hidden"
></
textarea
>
没有垂直
滚动
条
<
textarea
style
=
"overflow-y:hidden"
></
textarea
>
没有
滚动
条
<
textarea
style
=
"overflow-x:hidden;overflow-y:hidden"
></
textarea
>
或
<
textarea
style
=
"overflow:hidden"
></
textarea
>
3
.
设
定窗口
滚动
条的
颜
色
设
置窗口
滚动
条的
颜
色
为红
色
<
body
style
=
"scrollbar-base-color:red"
>
scrollbar-
base-
color
设
定的是基本色,一般情况下只需要
设
置
这
一个属性就可以达到
改
变滚动
条
颜
色的目的。
加上一点特
别
的效果:
<
body
style
=
"scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon"
>
4
.
在
样
式表文件中定
义
好一个
类
,
调
用
样
式表。
<
style
>
.
coolscrollbar
{
scrollbar-arrow-
color:
yellow
;
scrollbar-
base-
color:
lightsalmon
;}
</
style
>
这样调
用:
<
textarea
class
=
"coolscrollbar"
></
textarea
>
常用页面滚动条的设置,看了,真的很常用,;-)
最新推荐文章于 2024-06-05 09:46:36 发布