首页 HTML/CSS HTML div显示滚动条和控制滚动条属性的css代码

HTML div显示滚动条和控制滚动条属性的css代码

作者:胡同里的砖头 围观群众:1829 更新于:2013-12-19

 

div显示滚动条的css代码
<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div>
效果如下:
显示滚动条的代码
 
div显示上下滚动条的css代码
<div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div>
div只显示上下滚动条
OVERFLOW-Y:scroll;这段是关键
 
修改div滚动条颜色的css代码
<div style="width:260px;height:120px; overflow-y:scroll; scrollbar-base-color:#ff6600; border:1px solid;"> 这里是你要显示的内容 </div>

修改滚动条颜色的代码

SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)
 SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)
 SCROLLBAR-BASE-COLOR(滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)
 

  • 本文标题: HTML div显示滚动条和控制滚动条属性的css代码
  • 文章分类:【HTML/CSS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8