css如何调整背景的位置?

1.首先,打开前端开发工具,创建一个新的html代码页。

2.创建一个div标记来设置html代码页上的背景色,然后将class = "bg-img "添加到该标记中。

3.设置背景图片。创建一个样式标签,然后在标签中为bg-img设置背景图片、图片不重复、宽度和高度样式。

4.保存html代码并用浏览器打开它。这时你会发现左上角显示的浏览器上的背景图片。

5.返回html代码页,在bg-img类中添加background-position: center属性。

6.保存html代码后刷新浏览器。这时你会发现浏览器上的背景图片已经自动居中。