0
点赞
收藏
分享

微信扫一扫

如何设置滚动条的样式?

GG_lyf 2023-04-11 阅读 74


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

举报

相关推荐

0 条评论