设为首页
友情链接
在线留言
发表文章
加入收藏
广告联系
刺猬首页
|
专案技术
|
网络技术
|
图形图象
|
网络编程
|
网页设计
|
操作系统
|
服务器
|
技术白皮书
|
在线实验室
|
刺猬论坛
|
小说专版
|
数据库
|
设计赏析
|
存储频道
|
网络安全
|
私服架设
|
Solaris
|
网站评估
|
PC维护技巧
|
下载中心
|
博 客
|
专 题:
|
Linux
|
java
|
cisco
|
防病毒
|
刀片
|
SOA
|
iscsi
|
ASP.NET
|
SQL
|
Oracle
|
您现在的位置:
刺猬宫
>>
网络编程
>>
CSS
>> 教程正文
用户登录
新用户注册
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
动态网页变静态:ASP.NE…
制作网页过程中可以参考…
拨开迷雾 彻底掌握DIV C…
DIV CSS制作网页时浮动问…
研究:符合网页标准的结…
问答方式帮你解决CSS网页…
DIV CSS网页制作之不规则…
DIV CSS网页布局规范的对…
Web标准网页布局:实现让…
DIV CSS网页布局实例:自…
网页制作技巧文章之用CSS定义滚动条的颜色
网页制作技巧文章之用CSS定义滚动条的颜色
请看下面的案例。这组代码可能并不具有观赏性,但是它改变了传统滚动条的样式。你可以通过改变其中的代码来创建你所喜欢的滚动条样式。事实上,这些代码都极具自我描述性。不管怎样,还是让我们好好看看吧!
<STYLE TYPE="text/css">
BODY
{
scrollbar-face-color: green;
scrollbar-shadow-color: blue;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: brown;
scrollbar-track-color: yellow;
scrollbar-arrow-color: white;
}
</STYLE>
你必须将上述代码插入页面的<head></head>标签纸内来改变滚动条的样式。颜色名称如:green[绿]、blue[蓝]等等,这些名称可以直接用于替代诸如:#000000这样的六位颜色代码。
下面这张图片展示了用于定义滚动条的样式代码。我想不需要再过多地说明了,因为每个语句的解释都已经很清楚了。那么,赶快试试它们,让你的页面看上去更加美观吧!
下面这段代码是我在自己的页面中所使用的。如果你喜欢也可以自由地使用它。
<STYLE TYPE="text/css">
BODY
{
scrollbar-face-color: #EAEAEA;
scrollbar-shadow-color: #EAEAEA;
scrollbar-highlight-color: #EAEAEA;
scrollbar-3dlight-color: #EAEAEA;
scrollbar-darkshadow-color: #697074;
scrollbar-track-color: #F7F7F7;
scrollbar-arrow-color: #666666;
}
频道声明:
本频道的文章除部分特别声明禁止转载的专稿外,可以自由转载.但请务必注明出出处和原始作者 文章版权归本频道与文章作者所有.对于被频道转载文章的个人和网站,我们表示深深的谢意。
原始作者:
佚名
录入时间:
2007-6-20 17:12:54
信息来源:
不详
投稿信箱:
itqoo@126.com
教程录入:itqoo 责任编辑:itqoo
上一个教程:
DIV CSS教程:margin叠加原理以及边界条件浅谈
下一个教程:
问答方式帮你解决CSS网页制作中的基础问题
【字体:
小
大
】【
发表评论
】【
加入收藏
】【
告诉好友
】【
打印此文
】【
关闭窗口
】
网友评论:
(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
- 关于我们 -
合作伙伴
-
友情链接
- 广告刊登 -
投稿热线
-
在线留言
-
版权声明
-
联系方式
-
IT公社版权所有 粤ICP备05127012号
Copyrigh
@2005
-2006
it
qoo
.com
.Inc All Rights Reserved
推荐分辨率 1024*768
联系站长:
E-Mail:
itqoo@126.com
MSN:
urchincc@hotmail.com
QQ:
特别感谢:
亿太网络提供空间支持