background-repeat: no-repeat; background-position: center center;

这两行 CSS 代码的作用是设置元素的背景图片不重复，并将背景图片在元素中居中显示。其中 `background-repeat: no-repeat;` 表示背景图片不重复，而 `background-position: center center;` 表示背景图片在元素中水平和垂直方向上都居中显示。

相关问题

background-size: cover; background-repeat: no-repeat; background-position: center center;

`background-size: cover;`, `background-repeat: no-repeat;`, 和 `background-position: center center;` 是CSS样式属性，用于控制元素背景图像的显示方式。

1. **background-size: cover;** 这个属性设置了背景图像是以完全填充其容器的方式显示的。如果图片小于容器尺寸，它会被拉伸以适应容器；如果图片大于容器，超出的部分会被裁剪掉。这样可以确保背景始终占据整个元素，且保持图片的比例。

示例（CSS）：

   .cover-background {
     background-size: cover;
   }

2. **background-repeat: no-repeat;** 这个属性指定背景图像不重复（即不会水平和垂直方向上重复）。默认情况下，如果背景图像有多个实例，它们会按网格对齐并重复。

   .no-repeat-background {
     background-repeat: no-repeat;
   }

3. **background-position: center center;** 这个属性设置背景图像的定位点。`center center` 表示图像在容器中心居中对齐，既水平也垂直。

   .centered-background {
     background-position: center center;
   }

结合这三者，你可以创建一个完全填充背景、无重复且居中的效果。例如：

.container {
  width: 400px;
  height: 300px;
  background-image: url('your-image-url.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

background-repeat: no-repeat; background-position: center; \

这两个属性都是用来控制CSS背景图片的展示方式的。

`background-repeat: no-repeat`表示不重复平铺背景图片，即只在容器内展示一次。

`background-position: center`表示将背景图片居中展示。

综合起来，这两个属性组合可以实现让背景图片只展示一次，并且居中展示。