[分享]css中怎么把图片平铺

CSS是一种用来美化网页的语言，可以通过设置网页元素的颜色、大小、字体等属性来改变网页的样式。在网页中，我们经常会使用图片来与文字进行组合，来给网页增添一些生动的呈现效果。今天我们就来看看如何利用CS...

CSS是一种用来美化网页的语言，可以通过设置网页元素的颜色、大小、字体等属性来改变网页的样式。在网页中，我们经常会使用图片来与文字进行组合，来给网页增添一些生动的呈现效果。今天我们就来看看如何利用CSS把一张图片平铺。

/* 设置图片样式 */
img {
  width: 100%; /* 图片占满整个宽度 */
  height: auto; /* 高度自适应 */
}

/* 设置背景平铺 */
body {
  background-image: url('图片地址'); /* 设置背景图片 */
  background-repeat: repeat; /* 设置平铺方式为重复 */
} 

以上代码中，我们先设置了img元素的样式，使其占满整个宽度，并且高度自适应。接下来，我们设置了body元素的背景图片及平铺方式。其中，background-image属性用来设置背景图片，url函数里面的参数为图片的地址；而background-repeat属性则用来设置平铺方式，具体的值有以下几种：

• repeat：默认值，图片水平垂直方向都平铺
• repeat-x：只水平方向平铺
• repeat-y：只垂直方向平铺
• no-repeat：不平铺，只显示一次

以上就是利用CSS把图片平铺的方法，只需简单地设置图片和背景的属性即可实现。希望对大家有所帮助！