简述滚动条的操作方法

大连造船厂2022-07-25  13

设置滚动条样式 可以通过如下步骤

1.创建一个名为CssOverFlow.html的新html文件(如果你有html编辑工具,使用该工具创建它。如果没有工具,可以先创建一个文本文件,然后修改文件名)

2.【默认溢出样式】代码如下(当外层的高度和宽度小于内层内容的高度和宽度,并且设置了overflow:auto时,会生成一个滚动条)

3.【默认溢出样式】运行效果如下(生成水平和垂直滚动条)

4.【修改溢出样式】代码如下(修改滚动条的宽度和背景颜色)

5.【修改溢出样式】的操作效果如下(宽度缩小,背景颜色改变)

6.只要滚动条在水平方向,隐藏垂直滚动条。使用代码:overflow-x:auto;溢出-y:隐藏

7.只要使用垂直方向的滚动条,水平滚动条就会被隐藏。使用代码:overflow-x:hidden;溢出-y:自动

转载请注明原文地址:https://juke.outofmemory.cn/read/887475.html

最新回复(0)