css3背景图片的重复，css背景图不重复

background-repeat:repeat这个在CSS里是什么意思

background ：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。

如果需要在页面上对背景图像进行平铺，可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺，就像以往背景图像的通常做法一样。

图片nav-box-bg.gif会横向重复，直到铺满。repeat-y是纵向，就是在#header.nav-box中，图片nav-box-bg.gif会竖向重复，直到铺满。如果想要横轴和竖轴都平铺的话，直接用background-repeat：repeat；就可以了。

首先，上面的写法“background-repeat： repeat-x 0 0”是无效的。只有这样写“background： repeat-x 0 0”才是有效的。

这个目前的css3及以前的css规则中没有提及到。

如果背景是纯色，那就不存在平不平铺的问题，文字有多长，背景就有多长。

相关问答

Q1: css如何让背景横向重复五次

url(bg_flower_gif)）等，还没有涉及到你说的这个重复次数的问题，你可以根据背景图的大小和想要重复的次数计算一下对应的宽高，然后限定一下宽高进行完全平铺，最后用定位将这个标签定位到你想要的位置。

操作方法如下：新建一个html文件，命名为test.html，用于讲解css如何让背景图片横向重复显示。在test.html文件内，使用div标签创建一个模块，用于测试。在test.html文件内，给div标签添加一个class属性，用于样式的定义。

也就是只会把背景图片显示一次)，repeat-x(横向重复背景图片)，repeat-y（纵向重复背景图片）。

Q2: css中background简写属性

1、background ：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。

2、border样式简写：border：[border-width] [border-style] [border-color]其中font和background的样式属性顺序不可换，且/不可忽略，border的样式属性的顺序可任意。

3、html中设置元素的背景色都是通过CSS中的background 属性来完成。

4、background 简写属性在一个声明中设置所有的背景属性。

5、background-position：背景定位属性。格式：background-position：向右移动量（100px） 向下移动量（200px）向上向左移只需把移动量改成负数即可。

6、pink；}Gxlcms这个页面背景颜色是粉色的！运行效果如下所示关于background其他属性的应用这里就不多说了，大家可以参考Gxlcms的CSS词典里面的内容。

Q3: css如何让背景图片拉伸填充避免重复显示

1、所以一般用作背景图片的有2类： 是一整张大图，尺寸和区域大小刚好吻合 一个很小的条状图，通过repeat后，形成一个很规则的大图背景。 但是css3出现以后，这个情况被改善了。

2、css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

3、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。

4、然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size： 100%；轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。

5、background：url(../../config/img/Title.png) repeat-y；竖着铺 什么不加就是横竖平铺 如果你是想拉伸的话，竖着切一张几个像素宽的背景图（比如说宽2px，高990px这样的一张图），然后设置repeat-x，横向平铺。

css3背景图片的重复的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景图不重复、css3背景图片的重复的信息别忘了在本站进行查找喔。