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

2024-10-12 00:02:20

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

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

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

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

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

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

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

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