css 背景属性缩写 |html css 左边距

background-color: #fff;
background-image: url(background.png);
background-repeat: no-repeat;
background-position: center center;
/* 可以缩写为 */
background: #fff url(background.png) no-repeat center center;

上面的代码中，使用了四个单独的属性来定义背景。通过background-color定义了背景颜色，通过background-image定义了背景图片，通过background-repeat定义了背景图片是否重复，通过background-position定义了背景图片的位置。这里使用缩写形式是将这四个属性的值简单地拼接在一起，以“空格”来分隔各个值。

需要注意的是，使用缩写形式时，必须按照固定的顺序来定义各个值。缩写形式的顺序为background-color、background-image、background-repeat、background-attachment和background-position。如果某个值不需要设置，则可以省略它，但必须保留对应的“空格”。

background: #fff url(background.png) no-repeat;
background: url(background.png) center center;

使用缩写形式可以让CSS代码更加简洁，同时也便于理解和维护。但需要注意的是，缩写形式并不是万能的，有时单独设置某个属性可能更加清晰明了，尤其是当多个元素的背景属性有所不同时。