在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢?
网页滚动条代码及其解释如下:
<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>
将以上的CSS样式代码放在网页的</head>代码前面,从Body{}内的均为CSS样式定义。
凡是#号后面的都是颜色代码,颜色代码为16进制,而括号内的文字是对左边代码的注释(在加入网页代码时可以不输入进去)。这样一来,您就可以DIY自己的网页滚动条了。
小结一些HTML标签的语义
网页效果集合
meta标签之详解
iframe 语法小结
tbody标签有什么用?
[组图]几种文字、图片滚动代码
Photoshop快速操作实用小技巧
轻松Diy你的网页滚动条
网站设计的思考之网页字体的…
网站设计的思考之版面布局的…
网站设计的思考之首页的设计
网站设计的思考之确定网站的…
网站设计的思考之确定网站的…
网站设计的思考之确定网站的…
网站设计的思考之定位你的网…
网站设计的思考之网站首页he…
右键菜单的淡入淡出效果
html代码速查
把表格进行到底
网页设计的布局理念
邮件链接的主题和收藏夹的图标
回答XML与HTML的区别
给主页添加视频动画
加入声音
HTML基础知识(十)滚动条
HTML基础知识(九)加入声音
HTML基础知识(八)设置图片
HTML基础知识(七)框架