如何设置滚动条的样式?
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?
你已经完成了全部任务,觉得简单吗?