css中背景图像平铺

CSS中的背景图像平铺是一种很方便的CSS属性。它可以通过设置background-repeat属性来实现。下面来详细了解一下。 使用background-repeat属性可以控制背景图像是否需要平铺。默认情况下，背景图像会在水平和垂直方向都平铺。如果需要控制只在水平或垂直方向平铺，可以使用background-repeat-x或background-repeat-y属性。 下面是一些常见的background-repeat属性值： - repeat：背景图像在水平和垂直方向重复平铺。 - repeat-x：背景图像在水平方向重复平铺，垂直方向不平铺。 - repeat-y：背景图像在垂直方向重复平铺，水平方向不平铺。 - no-repeat：背景图像不平铺。 另外，CSS3还增加了一个background-size属性，可以控制背景图片的大小。比如，可以使用background-size: cover属性让背景图片完全覆盖容器，或使用background-size: contain属性让背景图片完全显示在容器内。 下面是一些使用背景图像平铺的示例代码：

p {
  background-image: url('bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

p {
  background-image: url('bg.jpg');
  background-repeat: repeat-y;
}

p {
  background-image: url('bg.jpg');
  background-repeat: repeat;
  background-size: cover;
}

以上是CSS中背景图像平铺的基本使用方法和注意点，希望对大家有所帮助。