3、浏览器运行index.html页面，此时成功通过CSS控制了图片居中显示。
html中使图片居中的代码是：
1、首先我们需要打开电脑，找到DW软件的快捷键，双击打开之后，新建一个html页面。
5、然后我们在浏览器中查看效果，可以发现图片是默认左对齐的，并没有在div的正中央显示。
1、打开前端开发工具，新建一个html代码页面
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：CSS 样式代码：第三种方式：margin：0 auto；
通常的方法为：先设置div的宽度，然后使用如下样式：