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

WEB设计综合
连接基础
HTML基础
CSS 基础
添加背景音乐
HTML中的脚本标签
水平线样式
CSS基础以及CSS代码
自定义404错误页
链接至外部样式表
文本和颜色
表格详述
图像详述
优化CSS样式表代码
CSS元素div ul dl dt ol简释
CSS元素的class与ID命名常用关键字
DIV布局SEO的影响
CSS中的相对定位与绝对定位
CSS选择符
CSS特殊选择符伪类的应用技巧
常用的CSS知识

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


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

登陆 | 还没注册?