小技巧让你轻松Diy你的网页滚动条
2007-05-17 03:37
357 查看
在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢?
网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写)
<Style type="text/css">
<!--
Body {
scrollbar-face-color:#C0C0C0; (表面)
scrollbar-highlight-color:#FFFFFF;(亮边)
scrollbar-3dlight-color:#C0C0C0;(3D亮边)
scrollbar-darkshadow-color:#000000; (3D暗边)
scrollbar-Shadow-color:#808080;(阴影)
scrollbar-arrow-color:#000000; (箭头)
scrollbar-track-color:#E0E0E0;(滚动区)
}
-->
</Style>
以上的代码,从Body以下的,凡是#号后面的,都是颜色代码,颜色代码为16进制。而括号内的文字是对左边代码的注释,在加入网页代码时不要输入。这样一来,你就可以DIY自己的网页滚动条了。
网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写)
<Style type="text/css">
<!--
Body {
scrollbar-face-color:#C0C0C0; (表面)
scrollbar-highlight-color:#FFFFFF;(亮边)
scrollbar-3dlight-color:#C0C0C0;(3D亮边)
scrollbar-darkshadow-color:#000000; (3D暗边)
scrollbar-Shadow-color:#808080;(阴影)
scrollbar-arrow-color:#000000; (箭头)
scrollbar-track-color:#E0E0E0;(滚动区)
}
-->
</Style>
以上的代码,从Body以下的,凡是#号后面的,都是颜色代码,颜色代码为16进制。而括号内的文字是对左边代码的注释,在加入网页代码时不要输入。这样一来,你就可以DIY自己的网页滚动条了。
相关文章推荐
- 用CSS代码轻松Diy你的网页滚动条
- 用CSS代码轻松Diy你的网页滚动条
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第23讲_js三大流程控制(顺序流程、分支控制、循环控制)_js调式技巧_学习笔记_源代码图解_PPT文档整理
- 菜鸟轻松学习网页文字滚动特效
- 分享网页常用的技巧
- CSS3滚动视差效果的制作技巧
- 网页常用小技巧
- 55种网页技巧
- 编写有效网页标题的五种技巧 [转]
- 【15个win8实用技巧 轻松玩转windows8操作系统】
- ImageLoad+RollViewPage+Jsoup+WebView带你轻松实现抓取网页数据(附源码)
- 《网页设计技巧》系列之一 浅谈文本排版
- VB.NET轻松学会处理时间技巧(一)
- 网页设计中纹路的运用技巧
- 网页中插入FLASH代码的参数解释与使用技巧
- 网页滚动条滚动事件
- 实现图片滑动、滚动、菜单栏(导航)滑动、文字滚动等效果的网页插件superslide2
- 有用的网页技巧
- 教你利用一款小软件轻松下载iPhone网页上的视频
- 网络技术之——WebView(轻松展示各种网页)