登录|注册|帮助中心|联系我们

导航
首页 综合百科 生活常识 数码科技 明星名人 传统文化 互联网 健康 影视 美食 教育 旅游 汽车 职场 时尚 运动 游戏 家电 地理 房产 金融 节日 服饰 乐器 歌曲 动物 植物
当前位置:首页 > 生活常识

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

发布时间:2022年12月31日责任编辑:曾小东标签:设置步骤

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

其它知识推荐

溜溜百科知识网——分享日常生活学习工作各类知识。 垃圾信息处理邮箱 tousu589@163.com
icp备案号 闽ICP备14012035号-2 互联网安全管理备案 不良信息举报平台 Copyright 2023 www.6za.net All Rights Reserved