背景图片

深入来说，简写属性 background 可以处理所有基本的背景图片操作方面。

body {
    background: white url(https://htmldog.cn/images/bg.gif) no-repeat top right;
}

它整合了以下属性：

• background-color，我们之前已经接触过。
• background-image，这是图片本身的位置。
• background-repeat，这是图片重复的方式。它的值可以是：
  • repeat，相当于在整个背景上进行“平铺”效果；
  • repeat-y，在 y 轴上重复，即上下重复；
  • repeat-x（在 x 轴上重复，即左右重复）；或者
  • no-repeat（只显示图片的一个实例）。
• background-position，可以是 top、center、bottom、left、right、长度值、百分比值，或任何合理的组合，例如 top right。

实际上，它还可以用来指定其他一些背景特性，特别是 attachment（附件）、clip（裁剪）、origin（起源）和 size（大小）（有关详细信息，请参阅background 属性参考），但我们暂时不要想得太复杂——颜色、图片、重复和位置是您最常需要操作的最基本方面。