css背景居中代码

CSS中，如何让背景居中？我们可以用以下两种方法来实现。 第一种方法是使用background-position属性。这里需要注意的是，background-position属性的值可以用关键字表示，如center、top、bottom等，也可以用百分比和长度值表示。要想使背景居中，可以把background-position的值设置为center。 例如，以下代码可以让背景居中：

p {
  background-image: url(bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
 

第二种方法是使用background属性的缩写形式background。该属性的值是一个由多个子属性组成的值，分别是背景颜色、背景图片、背景重复方式、背景位置和背景大小。我们可以只设置其中需要的属性，如以下代码所示：

p {
  background: url(bg.jpg) no-repeat center;
}
 

这里，我们设置了背景图片、重复方式和位置，而把背景颜色和大小省略了。这样，背景图片就会居中显示。 需要注意的是，以上两种方法都只适用于在CSS中设置背景的元素，并不适用于在HTML中设置background属性的元素。同时，也要注意在不同的浏览器中可能会有不同的展示效果。