css背景怎么能不重复，css样式中的设置背景图像的重复方式

CSS如何实现背景图像重复效果

我们可以通过CSS中background的相关属性来实现这种效果。推荐参考：《CSS教程》下面我们就通过简单的代码示例，给大家介绍css实现背景图像重复的效果。

效果如下图：background相关属性：background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。其值为fixed表示当页面的其余部分滚动时，背景图像不会移动。 background-repeat 属性设置是否及如何重复背景图像。

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

html中的背景重复效果只有重复或者不重复，没有重复几次的，如果你想要实现重复两次的效果，可以将图片弄成是重复两次的效果，然后在css设置为不重复，这样的话就可以实现重复两次的效果。

比如一个容器（body，div，span）中设定一个背景。这个背景的长宽值在css1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat，repeat-x，repeat-y，no-repeat这些属性。就是用来控制背景图片的显示的。

相关问答

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

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

2、CSS中背景图片不重复显示可以通过Background-repeat：no-repeat属性来控制。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件。在html文件中输入以下的html代码。

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

4、楼主，这个我接触多了你试试我的.可以的话求采纳。

5、背景图尺寸（以图片自身大小来填充元素，即auto值）：程式码如下：background-size5{ background-size：auto；} /css 背景图片如何拉伸，不是平铺。

6、背景图像重复效果，相信大家都有在各大网站上见过。一个好看的背景图片重复效果，可以使我们的网页样式更加美观，内容更加丰富。我们可以通过CSS中background的相关属性来实现这种效果。

Q2: 在html中,怎么设置背景图片不重复不平铺,只显示一张图片

显示器分辨率为1680X1050，div大小为1300X790，图像原始大小为1024X768，设置了margin：40px，加了边框，现在body和div用同一张图作背景，设置了背景图不重复，如下图。

在body标签里添加文件路径，语法如下：body background=文件路径 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。

图片不够大，又background属性不能拉伸图片；只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用；body的background属性去掉，要不然会被遮住。

把这个放在head区域 或者写在单独的css样式表文件里。万维网上的一个超媒体文档称之为一个页面（外语：page）。

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

Q3: ...我想背景图平铺到整个页面而不要它重复背景图

我们打开我们的电脑，打开要操作的word，如图。 然后我们在上方工具栏点击【页面布局】，如图。 然后再选项卡中点击【页面颜色】，如图。 在下拉菜单中点击【填充颜色】，如图。

打开word文档，然后拖入一张自己喜欢的图片，如图所示。接着在布置选项中，把图片设置为【衬于文字下方】，如图所示。按住【SHIFT】键，把图片向外拖动，调整好和页面大小即可，如图所示。

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

创建新文档，单击“插入”，然后单击“图片”按钮弹出“插入图片”对话框。选择图片并单击插入，图片将被插入文档。此时，图片被选中。鼠标点住图片，把图片移到页面的左上角。

双击图标打开Word软件。点击菜单栏里的“设计”。找到页面颜色，点击黑色三角形，在下拉列表中选择“填充效果”。在填充效果对话框中点击“选择图片”。选择图片，点击“插入”。点击“确定”。

如下：你用的是页面颜色--填充效果设置的吧。这样图片过小，会就显示很多张。你可以使用，水印---自定义水印--图片水印，200%（要自己调节），取消冲蚀。

关于css背景怎么能不重复和css样式中的设置背景图像的重复方式的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。