css背景重复怎么弄，css背景居中不重复

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

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

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

怎么用css把背景图片拉伸 不是平铺 纯css实现的话可以使用css的background-size属性。语法如下示例：p{background-size：100% 100%} 共有两个值，第一个值是宽度，第二个值是高度。

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

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

相关问答

Q1: 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规则中没有提及到。

Q2: css如何设置网页背景图片css如何设置网页背景图片

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

2、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

3、设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。

Q3: CSS里的“background-repeat:repeat”是什么意思?

no-repeat} inheritbackground-repeat：repeat 是默认属性，使背景图像在水平和垂直方向上重复。background-repeat：repeat-x 背景图像将在水平方向重复。background-repeat：repeat-y 背景图像将在垂直方向重复。

background-repeat 属性定义背景图像的重复方式。背景图像可以沿着水平轴，垂直轴，两个轴重复，或者根本不重复。

background-repeat属性用来设置背景图是否重复以及重复方式。“repeat”表示“重复”。默认为铺满，不用设置。

一个就是网页的背景图像，另外一个就是背景图像的重复方式。还可以在右边的样式规则窗口进行各种的设置的编辑。最后把repeat-x 变化 repeat-y 的时候，网页中的图像也就发生了变化。

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