打印本文 打印本文  关闭窗口 关闭窗口  
如何让网页背景图片不重复显示
作者:未知  文章来源:网络文摘  点击数  更新时间:2007/6/1 23:23:46  文章录入:admin  责任编辑:admin

现在一般都用css设定了,比如在一个div下设背景图片切不让其重复,则可设一个样式,比如:
.nobgrepeat{background:url(背景图片地址) left top no-repeat;}
(这个样式可以直接放在网页文件head标签对的<style></style>标签对中,然后在调用时直接用<div class="nobgrepeat"></div>,也可以另外放在单独的css文件中)

left:直接用left代表背景图片靠到div最左边,可以用数字代替,比如10px,来控制背景图片距离该div左边的距离。(XMW)

top:同left

另外取值还有:right;bottom;center看你自己如何取了。(XMW)

repeat的取值还有repeat-x,repeat-y,分别表示沿x轴重复和y轴重复。(XMW)

background还有个fixed属性,我没用过,你可以自己用用看看

打印本文 打印本文  关闭窗口 关闭窗口