overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

使用CSS来修饰
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.让浏览器窗口永远都不出现
没有水平
<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.设定其他元素时,基本上一样,你最好是在样式表文件中定义好一个类,这样你就可以重复使用了。


.coolscrollbar
{
scrollbar-arrow-color:yellow;
scrollbar-base-color:lightsalmon;
}

将以上语句加入到样式表文件中或html头部的 <style> </style> 当中,然后使用
<textarea class= "coolscrollbar "> </textarea>

最新资讯
iPhone活跃用户在2020年9月超过10亿

iPhone活跃用户在2020

一项新的估计声称目前自第一部iPhone上市以来不到5000
立讯精密前三季净利47亿 预计全年超70亿

立讯精密前三季净利47

后疫情时代消费电子需求的集中爆发,为产业链公司带来了
火热的“蚂蚁”:杠杆打新资金“供不应求”

火热的“蚂蚁”:杠杆打

蚂蚁将在A股发行不超过16.7亿股的新股,其中初始战略配
电商巨头逐鹿“双11” 扩大竞争范围从名牌到草根

电商巨头逐鹿“双11”

,在互联网平台的推动下,已有越来越多的国产新品牌正在崛
蚂蚁集团上市在即 市场影响积极

蚂蚁集团上市在即 市

蚂蚁集团上市后,无论是行业层面,还是A股整体估值体系方
苹果研究更强的可折叠设备显示屏 以抵抗裂缝

苹果研究更强的可折叠

一份新公布的专利文件显示,苹果正在开发一种保护层,以抵
最新文章
浅析html webpack plugin插件的使用教程

浅析html webpack plu

这篇文章主要介绍了html webpack plugin插件的使用教
HTML转PDF的纯客户端和纯服务端实现方案

HTML转PDF的纯客户端

这篇文章主要介绍了HTML转PDF的纯客户端和纯服务端实
HTML行内元素与块级元素有哪些及区别详解

HTML行内元素与块级元

这篇文章主要介绍了HTML行内元素与块级元素有哪些及区
html+css 实现图片右上角加删除叉、图片删除按钮

html+css 实现图片右

这篇文章主要介绍了html+css 实现图片右上角加删除叉
详解iframe的src指向的内容不刷新的解决办法

详解iframe的src指向

这篇文章主要介绍了详解iframe的src指向的内容不刷新
浅析HTML 悬浮float的用法

浅析HTML 悬浮float的

float的用途比较广, 本文主要给大家介绍HTML 悬浮floa