芝士巧克力蛋糕:滚动边框样式代码大全(2)
来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 15:39:48
滚动边框样式代码大全
编辑:裁决~大树
这里输入内容
这里输入内容
这里输入内容
这里输入内容
这里输入内容
这里输入内容
这里输入内容
这里输入内容
这里输入内容
DD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-colorDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227">
这里输入内容
这里输入内容
这里输入内容
使用说明:
1、把上面你选择使用的滚动框中的代码复制到你的编辑栏中(选择代码编辑方式);
2、“WIDTH:数字”“和HEIGHT:数字”表示滚动框的宽和高,可以根据需要调整;
“CO LOR=#******”分别表示滚动边框的箭头、滑块、滑块边框线内下右、滑块边框内
上左、滑块边框线外下右、滑动区、滑块边框线外上左的颜色。
3、直接复制使用时,框内是透明的(显示原底的颜色),且不显示上边框;添加表格边框
后效果会更好,且显示是那个边框粗细和框内的颜色,代码为:
和 |
COLOR="#ffffff">表示框内的底色,可以自由选择。
效果如下(代码在滚动框内):
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff"> |
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF"> |
|
说明:
width=380 是背景图宽度
background=http://image51.360doc.com/DownloadImg/2012/05/0517/23746780_1.jpg 是背景图 不要的话框框就是透明的
SCROLLBAR-FACE-COLOR: #907b44 是滑条颜色
SCROLLBAR-TRACK-COLOR: #f8fcf1 是滑条里面的背景颜色
其他颜色都无所谓 大家可以自己改改试试
后面一个width=600 是横的滑条宽度 调节这个可以让横的滑条是否显示出来
HEIGHT: 230px 是整个框框的高度
以上就是使用滑条框框要调整的基本数据,可以根据你的需要来任意调节。