用css美化滚动条

chaorenlfl

chaorenlfl

2016-01-29 12:08

用css美化滚动条,用css美化滚动条
果在您看够了您的主页中灰色的滚动条,想让他变一种颜色,您该怎么办呢?

其实这很简单,插入一段代码就能实现了(必须是IE5以上,或者是以IE5为内核的浏览器)
首先,先让我们看这张图这段代码是在html中的和中加入

其中#xxxxxx就是你选择的颜色的代码
如果你还不明白请在看下面的几个例子

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

1 body {
background: #4E544B;
color: #FFFFFF;
SCROLLBAR-FACE-COLOR: #6D7669;
SCROLLBAR-HIGHLIGHT-COLOR: #6D7669;
SCROLLBAR-SHADOW-COLOR: #363946;
SCROLLBAR-3DLIGHT-COLOR: #B9C2B3;
SCROLLBAR-ARROW-COLOR: #363946;
SCROLLBAR-TRACK-COLOR: #363946;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}

2

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

3 body {
background-color: #ffffff;
color: #336699;
SCROLLBAR-FACE-COLOR: #BED8EB;
SCROLLBAR-SHADOW-COLOR: #DDF8FF;
SCROLLBAR-HIGHLIGHT-COLOR: #92C0D1;
SCROLLBAR-3DLIGHT-COLOR: #DDF8FF;
SCROLLBAR-DARKSHADOW-COLOR: #92C0D1;
SCROLLBAR-TRACK-COLOR:#BED8EB;
SCROLLBAR-ARROW-COLOR: #92C0D1
}

展开更多 50%)
分享

猜你喜欢

用css美化滚动条

Html CSS布局 Div+CSS XHTML
用css美化滚动条

CSS代码:控制IE滚动条

Web开发
CSS代码:控制IE滚动条

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

滚动条CSS样式详细说明

Web开发
滚动条CSS样式详细说明

用CSS代码轻松Diy你的网页滚动条

Web开发
用CSS代码轻松Diy你的网页滚动条

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS隐藏网页的滚动条教程

Web开发
CSS隐藏网页的滚动条教程

隐藏滚动条

Web开发
隐藏滚动条

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HTML组件之:编写日历(2)

HTML组件之:编写日历(2)

页面自动刷新 不用按回车键来提交数据!

页面自动刷新 不用按回车键来提交数据!
下拉加载更多内容 ↓