网页中经常见到带有滚动条，比如输入框，那么如何根据自己的喜好去设置好看的滚动条呢，今天就总结下设置滚动条的方法：

设置滚动条的样式：

1.css设置滚动条样式步骤图解

浏览器默认的滚动条样子太过屌丝了，得自己动手整整。记得IE浏览器有几个设置滚条的样式，不过比较鸡肋，只能设置颜色之类的，而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看，一开始以为是用p模拟的，结果一看，吼吼，正合我意，利用的CSS来设置的，而且是webkit浏览器的。

立即学习“前端免费学习笔记（深入）”；

2.html中设置滚动条的样式

设置滚动条颜色：

1.解决IE6下无法设置滚动条颜色

解决IE6下无法设置滚动条颜色

一般设置滚动条样式的时候会使用如下CSS代码:

body{    scrollbar-face-color:#f6f6f6;    scrollbar-highlight-color:#fff;    scrollbar-shadow-color:#eeeeee;    scrollbar-3dlight-color:#eeeeee;    scrollbar-arrow-color:#000;    scrollbar-track-color:#fff;    scrollbar-darkshadow-color:#fff;}

相关问答推荐：

1.p中嵌套多个p设置滚动条没效果

2.怎么设置滚动条的上下边距

3.怎么设置滚动条颜色，跨浏览器的

标签： html滚动条