css怎么使背景图不重复，css背景图不重复铺满

如何让网页背景图片不重复显示?

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

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

3、九娘很敬重这位才子，为了使唐伯虎有个绘画的良好环境，她把妆阁收拾得十分整齐，唐伯虎作画时，九娘总是给他洗砚，调色，铺纸，唐伯虎有了这个好伴侣，画艺愈见精到。他画的美人，大都是从九娘身上体会到的风姿神采。

4、也可以另外放在单独的css文件中）left：直接用left代表背景图片靠到div最左边，可以用数字代替，比如10px，来控制背景图片距离该div左边的距离。top：同leftrepeat的取值还有repeat-x，repeat-y，分别表示沿x轴重复和y轴重复。

相关问答

Q1: css如何控制背景图片重复一部分,就是上半部分是图片,下半部分是重复的...

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

默认情况下，后面的结点覆盖前面的结点。不过可以通过z-index设置哪个结点在上，z-index值较大的在上，小的在下。

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

所以实际的结果是只能重复显示，所以出现了repeat，repeat-x，repeat-y，no-repeat这些属性。就是用来控制背景图片的显示的。

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

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

2、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

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

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

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

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

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

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

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

4、现在先看看只是div背景图平铺repeat的效果，因为默认是repeat的，所以去除no-repeat就行，效果如下图。

5、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

Q4: 我在css中给一个按钮贴上一张图,但是它是重复的,让它不重复怎么代码写...

1、这样背景图片就会固定住，不会因页面滚动而重复。

2、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，加入样式代码：style=background： url(smallpng)；width：150px；height：60px。

3、但应该在打印CSS中写什么东西呢？你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用 display： none 这个命令来关掉一些装饰图片，再关掉一些导航按钮。

4、可以，前台写DIV时，DIV的后面加上CSS，然后在CSS页时，每个样式前面用.来做。因为前台DIV如果都是用ID的话，CSS样式页都要用#来写，无法重复使用，所能建议有重复的地方写成Class。

Q5: CSS如何设置背景图片水平重复和垂直重复_html/css_WEB-ITnose_百度知...

1、元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。background-repeat 属性设置是否及如何重复背景图像。注：默认情况下，背景图像位于元素的左上角，并在水平和垂直方向上重复。

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

3、css图片水平居中。利用margin： 0 auto实现图片居中，就是在图片上加上css样式margin： 0 auto 如下：设置imgBox的样式如下：此时的效果如下：（图片在容器内，水平居中）css图片垂直居中。

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