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)。添加后,保存网页再预览一下效果,这次就成功的实现了自动居中啦~~ 朋友们都会了嘛?