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

设置滚动条样式 可以通过如下步骤,第1张

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

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

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

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

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

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

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

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条).

overflow-x水平方向内容溢出时的设置.

overflow-y垂直方向内容溢出时的设置.

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色).

scrollbar-arrow-color上下按钮上三角箭头的颜色.

scrollbar-base-color滚动条的基本颜色.

scrollbar-dark-shadow-color立体滚动条强阴影的颜色.

scrollbar-face-color立体滚动条凸出部分的颜色.

scrollbar-highlight-color滚动条空白部分的颜色.

scrollbar-shadow-color立体滚动条阴影的颜色.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6278249.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存