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

WEB设计综合
多姿多彩的网页链接下划线
显示个性化的鼠标指针
什么是web标准
Meta — 容易被忽视的HTML元素
网页制作小秘诀
CSS2盒模型的3D示意图
为什么要抛弃HTML
DIV 和 TABLE 应该如何配合使用
CSS样式表定义链接样式
谈谈CSS样式表的命名规范
CSS常见技巧及问题处理
完全CSS鼠标悬停TIP效果
CSS布局定位系列:相对定位
根据分辨率不同调用不同的css文件
CSS制作的阴影链接文字
用CSS制作的美国国旗
导航上用CSS标志当前页效果
CSS的常用技巧放送
CSS顶级技巧
常用CSS缩写语法总结

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 2416 ::
收藏到网摘: 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

登陆 | 还没注册?