制作滚动条 Scroll Bar





MilkyLee Gemini 的教程 :)


什么是滚动条 Scroll Bar ?
滚动条 Scroll Bar 就是在网页上最右边 、可以上下拖动的就叫滚动条 。

如图

[ 点击放大 ]


1. 到 设计 → 修改HTML

2. Ctrl + F 寻找 ]]></b:skin>

3. 把以下代码 Paste 在 ]]></b:skin> 的上面
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #000000;
-moz-border-radius: 10px;
border-radius: 10px;
}
Background 是背景颜色
Background-color 是滚动条的颜色

# 如果你想把你的滚动条换成图片 、把红色字体换成以下代码
background-image:url(图画网址);
4. 预览 、保存

8 留言:

張貼留言