HTML 方便又很好看滚动条样式

原文地址为： HTML 方便又很好看滚动条样式

原文： HTML 方便又很好看滚动条样式

NanShan 即时通讯 提醒各位初学者们做HTML时如果遇到有很多内容的贴子，做上一个滚动条样式. 确实既方便又很好看. 具体的做法如下：

 

一个说明: 本篇文章所指的彩色样式只针对Internet Explorer 5.5+ 的浏览器起作用, Firefox等标准浏览器无效.

滚动条样式主要涉及到如下CSS属性:

overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容

overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条

width: 568px; width: 98%; 设置区域的宽度[像素/百分比等等]

height: 120px; 设置区域的高度[像素/百分比等等]

---------------------------偶是分隔线------------------------------------

剩下的就是仅仅适用于IE 5.5+的浏览器样式了:

scrollbar-base-color:#006699; 
设置基色设置该选项后可以不设置下面的属性, 浏览器会依据基色自动调整
scrollbar-track-color:rgb(10,100,254); 底板轨迹颜色
scrollbar-3dlight-color: ; 上/左边沿亮边颜色
scrollbar-arrow-color: ; 两端箭头颜色
scrollbar-darkshadow-color: ; 下/右边沿颜色
scrollbar-face-color: ; 表面颜色
scrollbar-highlight-color: ; 上/左斜面亮边框颜色
scrollbar-shadow-color:; 下/右斜面暗边框颜色

代码:

 

 这里输入文字
 这里输入文字
 这里输入文字区
 这里输入文字
 这里输入文字

转载请注明本文地址： HTML 方便又很好看滚动条样式