首页 > 编程知识 正文

css滚动条代码,css3允许滚动条

时间:2023-05-05 14:24:57 阅读:118361 作者:3006

/*定义滚动条fndl和背景fndl,分别为水平和垂直滚动条大小*/:3360-WebKit-scroll bar { width 33606 px; height: 6px; 背景色: # b5b5b 5; margin-bottom: 4px; (/)定义滚动条轨道中的阴影圆角(/:-WebKit-scroll bar-track (WebKit-box-shadow : inset 06 px rgba ) 0,0,) 背景色: # 03132 f; (/)定义滑块内的阴影圆角(/:3360-WebKit-scroll bar-thumb ) Border-radius:10px; - WebKit-box-shadow : inset 006 px rgba (0,0,3); 背景色: # 555; } div class='scroll_area'/div/*滚动条*/. scroll _ area 33603360-WebKit-scroll bar {/*滚动条整体样式*/wiv /*fndl分别对应于横向纵向滚动条的尺寸*/height 33603 px; }.scroll _ area :3360-WebKit-scroll bar-thumb {/*滚动条中的小方块*/border-radius: 3px; - WebKit-box-shadow : inset 003 px rgba (0,0,0.3 ); box-shadow : inset 003 px rgba (0,0,0,0.3 ); 后台: rgba (0、0、0、0.3 ); }.scroll _ area :3360-WebKit-scroll bar-thumb : hover { background : #1da 76 a; }.scroll _ area :3360-WebKit-scroll bar-track {/*滚动条中的轨道*/- WebKit-box-shadow 3360 inset 03 px rgba (00 border-radius: 0; 后台: rgba (0、0、0、0.3 ); }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。