手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML中div怎样居中

时间:2024-10-16 05:34:33

1、首先在HTML中的body标签里面写上div标签对:

HTML中div怎样居中

2、然后给div设置宽高,这里宽高都设置成500px

HTML中div怎样居中

3、接着输入background:deep pink,给div加上深粉色的背景颜色,方便查看div的布局

HTML中div怎样居中

4、预览div布局的预览效果,看得出来,div默认是靠近浏览器左边

HTML中div怎样居中

5、接着输入margin,第一个参数设置为0:表示顶部的距离为0,第二个参数设置为auto:表示自动设置

HTML中div怎样居中

6、设置完之后,div会自动根据网页来居中

HTML中div怎样居中

7、总结如下图

HTML中div怎样居中
© 手抄报圈