豪网

 
您现在的位置: 豪网 >> 网页设计 >> Html教程 >> 正文

用简单语句在网站页面中加入滚动条

作者:佚名    文章来源:不详    点击数:    更新时间:2008-6-2

  现在的网站似乎越来越注重页面的设计了,尤其是一些企业网站,更是注重页面设计,更有甚者只要页面设计的好看,内容如何无所谓,所以在设计网站的时候页面和内容的融合就显得十分重要了(当然什么时候都是很重要的^_^),比如有时我们设计的页面不希望让内容所撑开,只想保持页面的原来大小,这个时候比较好的一个解决办法就是在页面中加入滚动条,让页面保持原有大小的同时又能装入更多的内容。

  具体实现方法很简单,只需要一条语句如下所示:

  <DIV style="OVERFLOW: auto; WIDTH: 680px; HEIGHT: 650px;">内容部分</DIV>

  将如上代码加入到页面适当位置中,然后将内容部分替换成需要的内容就可以了,但是这样只是简单实现了滚动条的效果,如果要美化的话就需要我们在其中用CSS控制一下了,做法很简单,只要在“style”中加入控制滚动条的CSS样式即可,为了方便大家操作部落在下面给出控制滚动条的CSS样式。

  scrollbar-3d-light-color : color (设置或检索滚动条亮边框颜色。)

  scrollbar-highlight-color : color (设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色。)

  scrollbar-face-color : color (设置或检索滚动条3D表面(ThreedFace)的颜色。)

  scrollbar-arrow-color : color (设置或检索滚动条方向箭头的颜色。当滚动条出现但不可用时,此属性失效。)

  scrollbar-shadow-color : color (设置或检索滚动条3D界面的暗边(ThreedShadow)颜色。)

  scrollbar-dark-shadow-color : color (设置或检索滚动条暗边框(ThreedDarkShadow)颜色。)

  scrollbar-base-color : color (设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。)

  备注:其中的“Color”代表指定颜色。


在本站查看更多关于用简单语句在网站页面中加入滚动条的文章

没有任何图片文章
没有相关文章