在CSS找到#m_links div.item代码,在它上面增加这一行
#m_links{overflow-y:auto;height:200px}
显示效果:hi.baidu.com/acoolsun
说明:1、overflow-y 设置当对象的内容超过其指定高度时如何管理内容;
如果是overflow-x 设置当对象的内容超过其指定宽度时如何管理内容。
2、height:200px 设置<友情链接>的高度。
参数
Visible:扩大面积以显示所有内容
auto: 当内容超出限定值时添加滚动条
hidden:隐藏滚动条
scroll:总是显示滚动条
以上代码在使用IE核心的浏览器及firefox显示都没有问题.但在opera并没效果,因此可将代码改为:
#m_links{overflow:auto;height:200px}
如果想美化滚动条,则还要增加以下代码:
#m_links{
overflow-y:auto;height:200px;
scrollbar-face-color:#daa520;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-arrow-color:#4b0082;
scrollbar-base-color:#daa520;
scrollbar-dark-shadow-color:#69f;
}
说明:
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色
scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色
scrollbar-base-color 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整
主要更改是base和face的颜色
颜色代码表