滚动条如何设置


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

/*定义滚动条高宽及背景

 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar

{

    width:16px;

    height:16px;

    background-color:#F5F5F5;

}

/*定义滚动条轨道

 内阴影+圆角*/

::-webkit-scrollbar-track

{

    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

    border-radius:10px;

    background-color:#F5F5F5;

}

/*定义滑块

 内阴影+圆角*/

::-webkit-scrollbar-thumb

{

    border-radius:10px;

    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);

    background-color:#555;

}

效果图:

cd1dfb57ab65011d0515ebede264e8c.png

【推荐学习:css视频教程】

以上就是滚动条如何设置的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css如何去隐藏滚动条

css如何添加滚动条

jquery如何使用滚动条监听事件

css如何修改滚动条箭头样式

css3中如何自定义滚动条样式

css怎么设置滚动条透明

css如何设置滚动条颜色

css如何实现给div添加滚动并隐藏滚动条

滚动条如何设置

css3怎么将滚动条隐藏

更多相关阅读请进入《滚动条》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...