background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repeat-y四种属性值.

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;

repeat: 指背景图片横向和纵向重复连续显示;

repeat-x: 指背景图片横向重复连续显示;

repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:

body {
font: normal 12px/1.5 Georgia, sans-serif;
text-align:left;
background:#444 url(images/bodybg.jpg) repeat-y;
}

可以看到背景图片bodybg.jpg是纵向重复显示的, 并随页面的长度的增加而增加.

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 用CSS怎样实现一个简单的波浪效果？

  今天给大家分享的是关于用CSS实现简单的波浪效果的内容，如果是纯 CSS 实现波浪效果还是比较困难的，而本文使用 CSS 实现的波浪效果的思路非常有意思，下文有有实例和详细注释供大家参考，感兴趣的朋友接下来跟随小编一起看看吧。

• HTML中怎么实现input只允许输入数字

  这篇文章主要介绍了在HTML中限制input 输入框只能输入纯数字的实现,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

• CSS里collapse属性是干嘛的，怎么用？

  CSS里collapse属性是干嘛的？CSS中的collapse其实是合并边框的意思，其使用语法是元素{border-collapse:collapse;}。下文给大家分享了具体的使用示例，对加深理解collapse属性会有帮助，感兴趣的朋友就继续往下看吧。

• 基于CSS怎样实现六边形图片，思路和方法是什么

  基于CSS怎样实现六边形图片，思路和方法是什么？这个效果的难点在于六边形的绘制, 那么接下来我们就一起来看下作者是怎么实现他的吧

• 用HTML+CSS怎么制作简易的图片扫描仪动画效果

  这篇文章主要介绍了html+css实现图片扫描仪特效,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧