css中怎么让背景图居中显示

CSS中如何让背景图居中呢？以下是两种方法：

方法一：background-position

background-image: url('图片地址');
background-repeat: no-repeat; /* 禁止背景图平铺 */
background-position: center; /* 让背景图在水平和垂直方向居中显示 */ 

方法二：background-size

background-image: url('图片地址');
background-repeat: no-repeat; /* 禁止背景图平铺 */
background-size: cover; /* 让背景图保持比例并铺满整个背景区域 */
background-position: center; /* 让背景图在水平和垂直方向居中显示 */ 

这两种方法都可以让背景图居中显示，具体选择哪一种方法要看具体情况。对于已经设置好宽高的元素，可以用第一种方法；对于宽高不定的元素，可以用第二种方法。