CSS 中设置完背景图后, 不指定平铺属性, 默认是横向纵向重复的, 导致图片出现重复. 让图片不重复可以设置 background-repeat 属性.
CSS 中 background-repeat 是设置图片平铺属性的, 其中值有 5 个:
1,repeat 横向和纵向重复, 这是默认的
2,repeat-x 横向重复
3,repeat-y 纵向重复
4,no-repeat 不重复
5,inherit 设置 background-repeat 属性应该从父元素继承 (IE9 以上支持)
(推荐学习: CSS 视频教程 https://www.html.cn/css/ )
代码如下:
- .header{
- height: 160px;
- background: url('css-4.jpg') no-repeat;
- }
- <div class="header"></div>
这样就不会出现重复的背景图了.
来源: http://www.css88.com/qa/css3/15586.html