在 CSS 中，每个 HTML 元素可以看作一个盒子，这个盒子包括内容、内边距、边框和外边距。这就是所谓的 CSS 盒子模型。盒子模型的平铺是指使用 CSS 的背景平铺属性来对一个盒子进行背景的平铺显示。
.box {
width: 200px;
height: 200px;
background-image: url(bg.jpg);
background-repeat: repeat;
}
在上面的代码中，我们定义了一个名为 .box 的 CSS 类。我们设置了这个盒子的宽度和高度，还设置了盒子的背景图片为 bg.jpg。而 repeat 属性则指示浏览器在水平和垂直方向上平铺这个背景图像。
如果想要指定平铺方式，可以使用以下属性：
- repeat：在水平和垂直方向上平铺。
- repeat-x：在水平方向上平铺。
- repeat-y：在垂直方向上平铺。
- no-repeat：不进行平铺。
除了使用背景平铺属性之外，还可以使用多重背景来实现平铺效果。例如：
.box {
width: 200px;
height: 200px;
background-image: url(bg.jpg), url(bg2.jpg);
background-repeat: repeat, repeat-x;
}
在这个示例中，我们使用了两个不同的背景图片，分别为 bg.jpg 和 bg2.jpg。而 background-repeat 属性则指定了第一个背景图片进行水平和垂直方向的平铺，第二个背景则只在水平方向进行平铺。
总之，CSS 盒子模型的平铺可以通过使用背景平铺属性或多重背景来实现。这种效果的应用非常广泛，特别是在网站设计中。
