网页设计教程:怎么让页面居中显示

发布时间:2022-12-28 07:28:37

页面居中对齐的方式有很多种实现方法。下面,我们来看看怎么让页面居中显示吧。

01、新建html页面
首先打开visual studio软件,然后新建一张HTML页面,如下图所示:

网页设计教程:怎么让页面居中显示

02、main
然后创建一个div,名称为main,随便写上一些文字,如下图所示:

03、居中对齐
然后对body主题设置样式,代码为body{ margin:0 auto;width:780px;}如下图所示:

04、预览效果
在浏览器中的预览效果如下图所示:

阅读更多教育考试,请访问生活日记网 用日志记录点滴生活!生活小常识频道。
喜欢生活小常识,那就经常来哦

该内容由生活日记网提供.