设置滚动条样式 可以通过如下步骤
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
推荐阅读
- oppo手机怎么设置自动清理垃圾 竟然还可以设置这个
- 从汕头到珠海走哪几条高速公路
- 瓦森纳协议是什么条约
- ipad怎么设置首页 ipad如何设置桌面
- 华为手机安全设置技巧
- 屈原投江是哪条江
- 请问如何将数字转换成条形码
- 夫妻一条心经典语录 一条心的话语范例
- 光猫设置教程是什么
- 笔记本如何恢复出厂设置 笔记本恢复出厂设置方法介绍