关闭→
当前位置:趣知常识网>母婴教育>学习交流>网页设计教程:怎么让页面居中显示

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

趣知常识网 人气:2.65W

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

操作方法

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

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

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

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

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

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

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

网页设计教程:怎么让页面居中显示 第4张
TAG标签:#页面 #网页 #居中 #