旧貌要换新颜：滚动条大变身_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

旧貌要换新颜：滚动条大变身

作者：闵涛文章来源：闵涛的学习笔记点击数：606 更新时间：2009/4/23 11:12:53

滚动条的颜色、阴影、立体等等都是由CSS所定义的，可能各位常常听说CSS的大名，又不太了解它到底是何方神圣吧，那偶在这里就简单说说好了。CSS就是样式表，它主要被用来控制网页的字体大小、字体颜色、背景色、滚动条样式等等。

可能有同学会在这时候插嘴了：“字体颜色大小，我直接在FRONTPAGE中也一样可以控制啊。”

OK，请坐，这位的话讲得非常好。确实，颜色方面呢倒不是很紧要，但是字体的大小控制可就非常要紧了，这是网站成败的一大关键哦！举例来说吧，可能大家常常会看到一些“怪怪”的网页：本来排版还挺好的，可是字一个个都很大，感觉好象把网页都“撑”破了似的。这种症状就是典型的“CSS未定义或定义不当症”。因为每个电脑用户的IE浏览器的设置都可能不一样，如果没有CSS控制的话，就会发生在自己机器上看着这网页明明是好好的，但是上传到网上后，别人看起来却是乱七八糟的情况。

呵呵，抱歉，偶又跑题了，不过在讲了这么一堆以后，大家一定对CSS有很大认识咯！现在来讲讲滚动条的定义。

打开需要控制滚动条的网页，我们转到代码页面，直接拷贝以下代码加入<head></head>之间：

   <style>
   
</style>

现在给出各字段的含义哦，那些“#ffffff”之类的就是颜色代码啦，各位可以随便修改哦。

scrollbar-face-color       立体滚动条凸出部分的颜色
scrollbar-arrow-color       上下按钮上三角箭头的颜色
scrollbar-shadow-color       立体滚动条阴影的颜色
scrollbar-highlight-color    滚动条空白部分的颜色
scrollbar-base-color       滚动条基本颜色
scrollbar-darkshadow-Color 立体滚动条强阴影的颜色

就这么轻松哦，填上自己喜欢的颜色代码以后，可以预览看看合适不合适，注意一定要与网页本身的主色调搭配，别喧宾夺主咯。最重要的永远是心思，不是技巧哦。

感谢各位这么赏脸来看偶的教程，最后偶再奉送一道小点心给大家品尝，谢谢谢谢。

在任何情况下，如果网页超出显示器所设定分辨率的显示范围，就会出现滚动条。但有时偶们可能会觉得它有碍观瞻，不想让它显示，如何隐藏它呢？请在<body> </body>之间插入代码：<body style="overflow-x:hidden;overflow-y:hidden">，搞定。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： WEB标准化的过渡方案

下一篇教程： marquee基本语法的全解释

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……