css背景图片中横向重复，css背景图片重复方式

Dreamweaver中css背景总是一条一条的横向重复

如果是页面背景，可以选择属性框中的 页面属性—外观—背景图像—重复（可选多种重复、不重复、横向重复、纵向重复）具体效果，一试便知。

在你的CSS背景文件后面加句no-repeat；或者在你的页面DIV中加句no-repeat；就行了。就可以不让背景图片重复展示的情况了。

可能是因为网页的比较长，长度超出了屏幕（出现了滚动条）。这时可以利用CSS属性background-attachment指定背景图像是固定在屏幕上的、还是随着它所在的元素而滚动。

如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器（body，p，span）中设定一个背景。这个背景的长宽值在css1之前是不能被修改的。

相关问答

Q1: css中背景的哪个属性来确定背景图像是否固定?

规定背景图像是否固定或者随着页面的其余部分滚动。

CSS3中的background-origin属性值为：padding-box：背景图像相对于内边距框来定位。border-box：背景图像相对于边框盒来定位。content-box：背景图像相对于内容框来定位。

如果背景图像background-attachment是固定，background-origin属性没有任何效果。background-origin 和background-clip很容易混淆，前者是对背景图片而言，后者是对背景而言。不是一个概念。

如果至指定一个方向另一个方向默认为center，两种方法也可以混搭。

Q2: CSS语法的背景重复

这个背景的长宽值在css1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat，repeat-x，repeat-y，no-repeat这些属性。就是用来控制背景图片的显示的。

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

如果你背景色设置为图像的话，倒是可以，先用background-image加载图片，然后用background-repeat设置背景重复方式，最后用background-position来定位你的背景图像位置，这样就能达到你要求的效果了。

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

ACD B 如果是指 background-image 规定要使用的背景图像。

首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。新建文件完成之后，写入一个div代码操作，如图所示。写入div代码之后，引入一个css样式，如图代码操作所示。

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

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

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

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

Q4: 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，横向平铺。

6、我们首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。

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