最近一学生问起,如何让网页背景平铺?
一时之间,还真把俺给难住了,因为此前,俺从来不关注这问题!
话又说回来,通过网页制作软件,诸如DW、FrontPage等软件,使用可视化方式设置网页背景图片,默认的都是非平铺状态,如果网页背景图片稍微小点,那么,将会在网页背景中形成多个原背景图片的多次显示,一般情况下,会影响美观!
俺找遍了所有的功能,均未解决平铺的问题,因此,估计也只有使用CSS来解决了。
在网上搜索了会,学了学,就搞定了,现将代码与大众分享:
以下的各种设置方法,均为通过修改网页BODY标签以达成目的!
①完全平铺
<BODY background="image.gif">
②水平方向平铺
<BODY style="background-image : url(image.gif);background-repeat : repeat-x;">
③垂直方向平铺
<BODY style="background-image : url(image.gif);background-repeat : repeat-y;">
④不平铺
<BODY style="background-image : url(image.gif);background-repeat : no-repeat;">