CSS如何让背景图片不重复？

CSS如何让背景图片不重复？

css中设置完背景图后，不指定平铺属性，默认是横向纵向重复的，导致图片出现重复。让图片不重复可以设置background-repeat属性。

css中background-repeat是设置图片平铺属性的，其中值有5个：

1、repeat 横向和纵向重复，这是默认的

2、repeat-x 横向重复

3、repeat-y 纵向重复

4、no-repeat 不重复

5、inherit 设置background-repeat属性应该从父元素继承（IE9以上支持）

（推荐学习：CSS视频教程）

代码如下：

.header{
    height: 160px;
    background: url('css-4.jpg-600') no-repeat;
}

<div class="header"></div>

这样就不会出现重复的背景图了.

更多CSS3相关技术文章，请访问CSS3答疑栏目进行学习！

以上就是CSS如何让背景图片不重复？的详细内容，更多请关注0133技术站其它相关文章！