您现在的位置: 动易技术中心 >> 模板设计教程 >> Html基础 >> 正文
轻松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>  
  
  将以上的CSS样式代码放在网页的</head>代码前面,从Body{}内的均为CSS样式定义。
  凡是#号后面的都是颜色代码,颜色代码为16进制,而括号内的文字是对左边代码的注释(在加入网页代码时可以不输入进去)。这样一来,您就可以DIY自己的网页滚动条了。

 

文章录入:雅虎    责任编辑:雅虎 
  • 上一个文章:

  • 下一个文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    软件产品
    SiteFactory™ 内容管理系统
    SiteFactory™ 网上商店系统
    SiteWeaver™ 内容管理系统
    SiteWeaver™ 网上商店系统
    SiteWeaver™ 企业门户网站系统
    SiteWeaver™ 教育门户网站系统
    SiteWeaver™ 政府门户网站系统
    SiteWeaver™ 行业门户网站系统
    平台产品
    企业服务
    行业解决方案
    联系我们 | 关于动易 | 网站地图 | 相关证书 | 合作伙伴 | 招贤纳士 | 法律条款 | 隐私权声明
    安全上网网上报警
    动易网络科技有限公司版权所有 © 2003-  粤ICP备05004015号
    公安备案编号:200603D0322 本站基于 PowerEasy® SiteWeaver™ 制作