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

时间:2012-12-29 08:41来源:未知作者:admin 点击: 次

分享到：

文章主要是一个简单的css设置页面滚动条 scrollbar样式风格实例，有时会看到很多创意性的网站滚动条都与我们一般的不一样，其实很简单只要使用下面的代码你一样可以实现哦。把代码

文章主要是一个简单的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页面看看是不是滚动条的色变成你设置的色彩了哦。

精彩图集

精彩文章

热点文章

热门标签