设置滚动条样式(可以通过如下步骤)
摘要 欢迎观看本篇文章,小升来为大家解答以上问题。设置滚动条样式,可以通过如下步骤很多人还不知道,现在让我们一起来看看吧!
1、
创建一个
欢迎观看本篇文章,小升来为大家解答以上问题。设置滚动条样式,可以通过如下步骤很多人还不知道,现在让我们一起来看看吧!
1、 创建一个名为CssOverFlow.html的新html文件(如果你有html编辑工具,使用该工具创建它。如果没有工具,可以先创建一个文本文件,然后修改文件名)
2、 【默认溢出样式】代码如下(当外层的宽度小于内部内容的宽度,并且设置了overflow:auto时,会生成一个滚动条)
3、 【默认溢出样式】运行效果如下(水平和垂直生成滚动条)
4、 【修改溢出样式】代码如下(修改滚动条的宽度和背景颜色)
5、 【修改溢出样式】运行效果如下(宽度缩小,背景颜色改变)
6、 只要滚动条在水平方向,垂直滚动条就被隐藏。使用代码:overflow-x:auto;溢出-y:隐藏
7、 只要滚动条在垂直方向,隐藏水平滚动条。使用代码:overflow-x:hidden;溢出-y:自动
本文到此结束,希望对大家有所帮助。
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢。