css中怎么让图片 平铺

CSS是网页设计中不可缺少的部分，其中平铺图片也是常见的需求。

在CSS中实现平铺的图片，需要使用background-repeat属性。该属性有以下值：

background-repeat: repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: no-repeat;
background-repeat: space;
background-repeat: round; 

其中，repeat表示横向和纵向都重复，repeat-x表示横向重复，repeat-y表示纵向重复，no-repeat表示不重复，space表示横向重复，但是末尾不会留空白，round也是横向重复，但是末尾会根据尺寸自动调整。

下面是一个示例代码：

.background {
  background-image: url('image.png');
  background-repeat: repeat;
} 

以上代码将会把image.png平铺在容器内。

另外，需要注意的是，当图片与容器尺寸不匹配时，可能会出现拉伸变形的情况。此时可以使用background-size属性进行调整。

.background {
  background-image: url('image.png');
  background-repeat: repeat;
  background-size: cover;
} 

以上代码将会根据容器尺寸自动调整图片大小，保证不变形。

总之，通过background-repeat属性和background-size属性，可以轻松实现在CSS中平铺图片。