网页背景图片不重复怎么设置

点击次数:4612 发布时间:2013-6-14

 如果你在网页里面加入了背景,但是不设定别的属性,那么默认背景是重复的。所以,大部分时候你是不用重复的,怎么去掉网页背景重复呢?东莞时维网络在这里和大家探讨下。

现在一般都用css设定了,比如在一个div下设背景图片切不让其重复,则可设一个样式,比如:
.nobgrepeat{background:url(背景图片地址) left top no-repeat;}

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

top:等于就是让背景靠顶部。

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

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

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

一个例子:<div style="background:url(d65dbdf.jpg) no-repeat">背景不重复的例子</div>


  • 添加微信

  • 联系电话

    0851-86720570