css 怎么设置背景图片的重复次数知道

html-css019

css 怎么设置背景图片的重复次数知道,第1张

这个目前的css3及以前的css规则中没有提及到。目前能够对背景进行的操作就是横向平铺（background-repeat:repeat-x）、纵向平铺（background-repeat:repeat-y）、完全平铺（background-repeat:repeat/不填写）、背景图大小（background-size）、背景定位区域（background-origin）、多重背景图片（background-image:url(bg_flower.gif),url(bg_flower_2.gif)）等，还没有涉及到你说的这个重复次数的问题，你可以根据背景图的大小和想要重复的次数计算一下对应的宽高，然后限定一下宽高进行完全平铺，最后用定位将这个标签定位到你想要的位置。

你这个问题问的不太明白

如果是把图片设置成div盒子的背景，只需要盒子比图尺寸大就会重复填充，如果不想重复填充并让图片完整填满整个盒子，那就添加一个background-repeat：no-repeat； （repeat 重复）

如果是盒子里面放图片，那只需要重复添加图片就行了，例如：

<div>

<img src="图片地址">

<img src="图片地址">

.

.

.

</div>

css里div不加高度，只加宽度，让图片撑起来就行了。

如果是一张图，就把 img{width：100%；}让图片撑起盒子，也可以把盒子按图片比例设置

你背景样式 纵向循环了

background:url(images/img.jpg) no-repeat 这样是禁止循环

background:url(images/img.jpg) repeat-x 这样是横向循环

background:url(images/img.jpg) repeat-y 这样是纵向循环

background:url(images/img.jpg) 这样是纵横都循环