相关文章
网站制作HEAD元素使用集锦
北京网站建设网页设计基础：Div+CSS布局入门教程
北京网站制作用Photoshop制作冲击文字特效
网页设计Jakob Nielsen：十大严重的网站设计错误
网站制作DreamWeaver表格妙用-线框制作详解（1）
网站制作网页设计：如何确定网站栏目
北京网站设计以图换字的几个方法及思路
网站建设全面认识网页中附加码的作用
网站建设网页背景设计全攻略
网站设计绚丽多彩 Photoshop打造水中倒影
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站制作网站设计旧貌要换新颜：滚动条大变身
网站制作网站设计旧貌要换新颜：滚动条大变身
滚动条的颜色、阴影、立体等等都是由CSS所定义的，可能各位常常听说CSS的大名，又不太了解它到底是何方神圣吧，那偶在这里就简单说说好了。CSS就是样式表，它主要被用来控制网页的字体大小、字体颜色、背景色、滚动条样式等等。 中国.站 北京网页设计.长站
可能有同学会在这时候插嘴了：“字体颜色大小，我直接在FRONTPAGE中也一样可以控制啊。”
Chinaz^com
OK，请坐，这位的话讲得非常好。确实，颜色方面呢倒不是很紧要，但是字体的大小控制可就非常要紧了，这是网站成败的一大关键哦！举例来说吧，可能大家常常会看到一些“怪怪”的网页：本来排版还挺好的，可是字一个个都很大，感觉好象把网页都“撑”破了似的。这种症状就是典型的 网站设计“CSS未定义或定义不当症”。因为每个电脑用户的IE浏览器的设置都可能不一样，如果没有CSS控制的话，就会发生在自己机器上看着这网页明明是好好的，但是上传到网上后，别人看起来却是乱七八糟的情况。 www.qitongnet.com
Chinaz@com
呵呵，抱歉，偶又跑题了，不过在讲了这么一堆以后，大家一定对 网页设计CSS有很大认识咯！现在来讲讲滚动条的定义。
打开需要控制滚动条的网页，我们转到代码页面，直接拷贝以下代码加入<head></head>之间：
| 以下为引用的内容：网站设计 <style> 北京网站建设北京网站制作 <!--网站设计 BODY{网站建设 scrollbar-face-color:#ffffff;北京网站制作 scrollbar-arrow-color:#cccccc;网站设计 scrollbar-shadow-color:'#ffffff';企通互联 scrollbar-highlight-color:'#ffffff';北京网站制作 scrollbar-base-color:'#ffffff';网站设计 scrollbar-darkshadow-Color:'#ffffff';网站制作 }北京网站设计 北京网站制作 -->北京网站建设 </style> |
现在给出各字段的含义哦，那些“#ffffff”之类的就是颜色代码啦，各位可以随便修改哦。 Chinaz.com
scrollbar-face-color 立体滚动条凸出部分的颜色
中国站长_站, 企通互联为中文网站提供动力
scrollbar-arrow-color 上下按钮上三角箭头的颜色 中国站长.站
scrollbar-shadow-color 立体滚动条阴影的颜色 中国站.长.站
scrollbar-highlight-color 滚动条空白部分的颜色 Chinaz@com
scrollbar-base-color 滚动条基本颜色 中.国.站长站
scrollbar-darkshadow-Color 立体滚动条强阴影的颜色
Chinaz~com
就这么轻松哦，填上自己喜欢的颜色代码以后，可以预览看看合适不合适，注意一定要与网页本身的主色调搭配，别喧宾夺主咯。最重要的永远是心思，不是技巧哦。
感谢各位这么赏脸来看偶的教程，最后偶再奉送一道小点心给大家品尝，谢谢谢谢。 Chinaz@com
在任何情况下，如果网页超出显示器所设定分辨率的显示范围，就会出现滚动条。但有时偶们可能会觉得它有碍观瞻，不想让它显示，如何隐藏它呢？请在<body> </body>之间插入代码：<body style="overflow-x:hidden;overflow-y:hidden">，搞定。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。 中国.站长站