css如何设置背景图居中显示

1、打开一个html代码页面，添加一个含有class的div标签，使用css设置显示的一张不重复的背景图片。如图

2、在背景图片的class中添加background-position: center，用于设置背景图片居中显示。如图

3、保存html代码后使用浏览器打开，这时候就可以看到图片居中显示了。如图