当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 如何设置滚动条的样式?

WEB设计综合
CSS处理表格边框
DIV+CSS网页布局常用的方法与技巧
优化WEB应用的方法
把XHTML+CSS页面转换成为打印机页面
CSS兼容要点
CSS的三种选择器
跨浏览器的CSS固定定位
shtml精简教程
首页head代码规范
导航页用CSS标志当前页效果
z-index的IE之旅
用CSS按比例缩小图片
针对IE6、IE7和Firefox的CSS
细线表格制作方法
meta标签大作用
网页背景设计
页面控制出现的常见问题及解决办法
重构、标准、布局
网页设计中HTML常范的五个错误
HTML超文本标记语言速查手册

WEB设计综合 中的 如何设置滚动条的样式?


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 2491 ::
收藏到网摘: n/a

Have you always wondered how all these websites customize the color of there scrollbars? Well read this mini tutorial, its easier than you think..

你曾经思考过这样的问题吗——所有的网站是如何设置滚动条的颜色的呢?当你阅读完这篇教程后,你会发现,它远比你想象的简单。


有色滚动条

Step 1
步骤1
Firstly open your page document in notepad, dreamweaver, frontpage or whatever programme you use to edit your HTML codes.
首先,用记事本(或dreamweaver、frontpage以及其它你所使用的页面编辑工具)打开页面文档,编辑里面的HTML代码;

Step 2
步骤2
Then look for your head tags, which will look like <head> and </head>
此时检查你的head标签,即:<head> 和 </head>;

Step 3
步骤3
Now copy this code and put them inside your <head> </head> tags
现在,复制下面的代码,将它们放置在<head> 和 </head>标签之间;

<style>
<!--
BODY{
scrollbar-face-color:#e9e9e9;
scrollbar-arrow-color:#808080;
scrollbar-track-color: #f2f2f2;
scrollbar-highlight-color: #e9e9e9;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-Color:#d3d3d3;
}
-->
</style>

Step 4
步骤4
Then your all done, i did say it was easy didnt i?
你已经完成了全部任务,觉得简单吗?

评论 (3) 1 All

登陆 | 还没注册?