百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css设置页面滚动条 scrollbar样式风格
分享文章到:

css设置页面滚动条 scrollbar样式风格

发布时间:01/15 来源: 浏览: 关键词:
文章主要是一个简单的css设置页面滚动条 scrollbar样式风格实例,有时会看到很多创意性的网站滚动条都与我们一般的不一样,其实很简单只要使用下面的代码你一样可以实现哦。

把代码放到如下图位置

 

css代码如下

 代码如下

<style type="text/css">
body, html {
    scrollbar-face-color: #353535;
    scrollbar-shadow-color: #565656;
    scrollbar-highlight-color: #565656;
    scrollbar-3dlight-color: #7F7F7F;
    scrollbar-darkshadow-color: #565656;
    scrollbar-track-color: #565656;
    scrollbar-arrow-color: #DADADA;
}
</style>

由于在 xhtml 中 定义在 body 上是没有效果的,所以为了通用,可以在 body 和 html 标签都定义一下。

这些属对应图例如下:

 好了,下面预览你的html页面看看是不是滚动条的色变成你设置的色彩了哦。

打赏

打赏

取消

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

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

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

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有7人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板