在我们开发网页的过程中，为了网页的看起来更好看，会将背景图片平铺。那么这篇文章 w3cschool 小编来教你 CSS 图片怎么设置平铺，讲解图片平铺的四种方式。

background-repeat 属性

background-repeat 属性是用来设置背景图片平铺的。它有四个属性值，分别为：

  • repeat：默认完全平铺背景
  • no-repeat：不平铺
  • repeat-x：横向平铺背景
  • repeat-y：纵向平铺背景

我们一起来看下具体使用代码及效果：

repeat：平铺

background-repeat:repeat;

no-repeat：不平铺

background-repeat:no-repeat;

repeat-x：横向平铺

background-repeat:repeat-x;

repeat-y：纵向平铺

background-repeat:repeat-y;

以上就是文章“CSS 图片怎么设置平铺？图片平铺的四种方式”的全部内容。更多 CSS 学习请前往w3cschool。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。