在CSS中，將圖片平鋪（即重復(fù)顯示圖片）的寫(xiě)法通常使用background-image屬性，并設(shè)置repeat值為repeat-x或repeat-y來(lái)實(shí)現(xiàn)，以下是一些示例代碼：

示例1：水平平鋪圖片

div {
  background-image: url('your-image-url');
  background-repeat: repeat-x;
}

示例2：垂直平鋪圖片

div {
  background-image: url('your-image-url');
  background-repeat: repeat-y;
}

示例3：同時(shí)水平垂直平鋪圖片

div {
  background-image: url('your-image-url');
  background-repeat: repeat;
}

示例4：指定平鋪方向并設(shè)置間距

div {
  background-image: url('your-image-url');
  background-repeat: repeat; /* 默認(rèn)值 */
  background-position: 0 0; /* 起始位置 */
  background-spacing: 10px; /* 間距 */
}

示例5：使用CSS變量控制平鋪背景

:root {
  --tile-image: url('your-image-url');
  --tile-repeat: repeat; /* 默認(rèn)值 */
  --tile-position: 0 0; /* 起始位置 */
  --tile-spacing: 10px; /* 間距 */
}
div {
  background-image: var(--tile-image);
  background-repeat: var(--tile-repeat);
  background-position: var(--tile-position);
  background-spacing: var(--tile-spacing);
}

示例6：響應(yīng)式圖片平鋪

@media (min-width: 600px) {
  div {
    background-image: url('large-image.png'); /* 大圖 */
  }
}
@media (max-width: 599px) {
  div {
    background-image: url('small-image.png'); /* 小圖 */
  }
}

希望這些示例能幫助你在CSS中正確地平鋪圖片，如果你有更多問(wèn)題或需要進(jìn)一步的解釋?zhuān)?qǐng)隨時(shí)提問(wèn)！