div滚动条带滚动条的divdiv滚动条样式 - CSDN文库

需积分: 32 95 浏览量更新于2023-03-16 评论收藏 40KB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

 

div 滚动条带滚动条的 div div 滚动条样式

2009-11-30 11:51

当 div 所定义的区域的内容达到一定程度时，在 div 标签里面嵌入 css 样式

表，定义 overow 的属性值，设置滚动条相关的属性。

<style tyle="text/css">

.testDiv{

 border-style: solid ;

 border-width: 50px ;

 border-color: pink ;

 position: absolute ; /* 位置绝对或者相对于最近的一个元素 relative

absolute */

 top:200px ;

 left:300px ;

 height:200px ; /* 定义区域的高*/

 width:300px ;



 /* 滚动条 */

 /* overFlow: auto ; */ /* visible ：却省的 hidden auto scroll */

  overFlow-x: scroll ;

 overFlow-y: hidden ;



 /* 滚动条相关的颜色属性 */

 scrollBar-face-color: green; /* 滑块 */

 scrollBar-hightLight-color: red; /* 高亮 */

 scrollBar-3dLight-color: orange; /* 3 维光线 */

 scrollBar-darkshadow-color:blue; /* 暗影 */

 scrollBar-shadow-color:yellow; /* 阴影 */

 scrollBar-arrow-color:purple; /* 箭头 */

 scrollBar-track-color:black; /* 滑道颜色 */

 scrollBar-base-color:pink; /* 主要颜色 */





}

</style>

注：

1. overFlow:

visible 却省值，没有滚动条，根据内容自动扩撑区域的大小，即定义的区域

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论0

jiajinbao0006

粉丝: 0
资源: 3

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈