收 藏 投 稿 繁 体 RSS 
站长吧-中国站长学习与交流的网站
首 页 运 营 学 院 建 站 论 坛
Web master8.net  
 网站运营  
  欢迎在本站发布信息，在线投递稿件请点这里。编辑QQ:4908220，欢迎联系交流。
业界动态 创业故事 推广研究 策划盈利 电子商务 企业平台
  站长工具
SEO查询 Whois查询 Pr查询 域名查询 IP查询 网页编辑器
 建站服务  
  如有建站意向，请尽快联系我们，以便安排时间... 建站服务 QQ4908220 QQ:4908220
作品展示 服务范围 服务流程 服务报价 联系方式 付款方式
文章正文  » 您的当前位置： 首页 >> 学院 >> 网页设计 >> CSS
浏览器滚动条“美容”法
  来源：互联网 | 时间：2005-09-02 | 浏览：   相关评论 | 报告错误 | 发布文章
【字号：大 | 中 | 小】 【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色) 】
也许你早就注意到了这个问题：页面中的滚动条只能是灰灰的吗？尤其是我们在丰富多
彩的页面设计或者使用框架时，灰灰的滚动条和我们精心设计的页面风格格格不入。下面就让
我们来对滚动条进行一次大处理，使它看起来同我们辛辛苦苦设计的页面更加的协调一致。
　　其实要改变滚动条的外观很简单，你只需在页面HTML代码的＜body＞......＜/body＞之
间加入下列几行代码即可：
　<style>
　BODY {
　SCROLLBAR-FACE-COLOR: yellow;
　SCROLLBAR-HIGHLIGHT-COLOR:white;
　SCROLLBAR-SHADOW-COLOR: white;
　SCROLLBAR-ARROW-COLOR: black;
　SCROLLBAR-BASE-COLOR:blue;
　SCROLLBAR-DARKSHADOW-COLOR: blue
　}
　</style>
　　其中：SCROLLBAR-FACE-COLOR、SCROLLBAR-HIGHLIGHT-COLOR、SCROLLBAR-SHADOW
-COLOR、SCROLLBAR-ARROW-COLOR、SCROLLBAR-BASE-COLOR、SCROLLBAR-DARKSHADOW-COLOR分别用于
指定滚动条不同部分的颜色值，“：”后面的就是指定的相应色值，可用HTML色彩常量或直接
指定16进制的色值（如：#FFFFFF 是白色）。如上例就实现了一个平板式的黄色背景，蓝色单
线框的滚动条。

　　滚动条的风格就是通过恰当的指定不同部位的色值来达到的，你可以结合图一给不同部
位指定不同颜色来实现你所需要的各种各样的滚动条。

　　现在轮到你了！你需要什么样式的呢？动手试试看，你也会做出很棒的效果。
master8
  • 上一篇：ASP与JSP的比较
  • 下一篇：万维网创始人博客处女秀
    		•

    我要投稿　 打印本文　 推荐本文　 加入收藏　 返回顶部　 关闭窗口
    搜模板(www.somoban.com) 原创网站模板交易平台
    阿里妈妈再掀疯狂采购风，网站广告位严重告急，急召天下站长
    基于PHP+MySQL的整站、模块、插件开发等或者按需求实现相应功能; 基于各PHP主流建站系统CMS,BBS,BLOG等的模板定制,完全手写代码; 整站数据迁移或备份恢复;网页代码优化、重构;整站常规SEO优化;网站技术支持; 点击了解详情...
    站长论坛
    • 验证码: