CSS背景居中技巧

在CSS中，要使背景居中，可以使用background-position屬性，該屬性用于設(shè)置背景圖像的位置，通過將其值設(shè)置為center，可以將背景圖像居中顯示。

div {
  background-image: url('path/to/image.jpg');
  background-position: center;
}

上述代碼將背景圖像設(shè)置為div元素的背景，并將其位置居中，您還可以調(diào)整background-repeat屬性，以控制背景圖像的重復(fù)方式，如果希望背景圖像在水平和垂直方向上重復(fù)，可以將其值設(shè)置為repeat：

div {
  background-image: url('path/to/image.jpg');
  background-position: center;
  background-repeat: repeat;
}

如果希望背景圖像只在水平方向上重復(fù)，可以將其值設(shè)置為repeat-x；如果希望背景圖像只在垂直方向上重復(fù)，可以將其值設(shè)置為repeat-y。

div {
  background-image: url('path/to/image.jpg');
  background-position: center;
  background-repeat: repeat-x; /* 水平重復(fù) */
}

div {
  background-image: url('path/to/image.jpg');
  background-position: center;
  background-repeat: repeat-y; /* 垂直重復(fù) */
}

通過以上技巧，您可以輕松地使CSS中的背景圖像居中顯示，并控制其重復(fù)方式。