html中如何通过ccss实现DIV自动页面居中呢

1、启动DW后，创建一个新的html网页。

2、创建好以后，先把网页保存到桌面位置。（保存html文件才能通过快捷键F12进行网页的实时在线预览效果）

3、然后我们再body中，添加一个DIV标签组(<div></d坡纠课柩iv>)，并为它添加CSS样式，窄忾行崦包括DIV的宽（width）和高（height），再添加一个背景颜色，方便我们浏览时可以看清楚效果。

4、在顶部title标签下，输入嵌入式CSS的代码，并给body定义另一个背景颜色，背景色要与DIV的背景色有所区分。

5、然后我们按快捷键F12，在浏览器中预览实时的效果，可以看到DIV和背景顶部和左边有一定的距离，我们先把间距问题解决了。

6、在body样式中，添加外边距内边距都为0，（代码margin: 0; padding: 0;），然后保存一下网页。

7、这次可以看到，已经没有间距了呢，现在我们再实现DIV自动居中。

8、在DIV的样式中，再添加一个自动居中的代码。（margin: 0 auto）。添加后，保存网页再预览一下效果，这次就成功的实现了自动居中啦~~ 朋友们都会了嘛？