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

发布日期:2024-11-21 12:59:26     手机:https://m.xinb2b.cn/wenda/news715118.html    违规举报
核心提示:1、新建一个html文件叫做CssOverFlow.html(有html编辑工具的,就使用工具创建。没有工具的,可以先创建文本文件,再修改文件名即可)2、【默认的overflow样式】代码如下(当外层高宽比内部内容高宽小,且设置了overf

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

1、新建一个html文件叫做CssOverFlow.html(有html编辑工具的,就使用工具创建。没有工具的,可以先创建文本文件,再修改文件名即可)

2、【默认的overflow样式】代码如下(当外层高宽比内部内容高宽小,且设置了overflow:auto,就会有滚动条产生)

3、【默认的overflow样式】运行效果如下(横向和纵向都产生了滚动条)

4、【修改后overflow样式】代码如下(修改滚动条的宽度、背景色等样式)

5、【修改后overflow样式】运行效果如下(宽度减少了,背景色改变了)

6、只要水平方向上的滚动条,则隐藏垂直滚动条,使用代码:overflow-x:auto;overflow-y:hidden

7、只要垂直方向上的滚动条,则隐藏水平滚动条,使用代码:overflow-x:hidden;overflow-y:auto

 
 
本文地址:https://wenda.xinb2b.cn/news715118.html,转载请注明出处。

推荐图文
推荐问答知道
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  违规举报  |  蜀ICP备18010318号-4  |  百度地图  | 
Processed in 0.061 second(s), 91 queries, Memory 0.46 M