dw怎么让整个网页居中

 时间:2026-04-30 14:28:43

1、我们打开Dreamweaver并新建一个html文件。快捷键是Ctrl+N

dw怎么让整个网页居中

2、然后在点击菜单中的“插入--表格”快捷键是Ctrl+Alt+T 

dw怎么让整个网页居中

3、我们按照网站的一般格局,新建一个3行2列的表格。如图所示

dw怎么让整个网页居中

4、表格合并一下,作为上面放logo公司名称等。我们合并单元格,并把表格加上背景色,来划分区域

dw怎么让整个网页居中

5、CTRL+S保存文档,F12预览网页,则可以看到网站是在左侧对齐的。我们点击选中该表格,对齐方式,选中居中对齐。保存文档,F12再次预览效果

dw怎么让整个网页居中

6、我们可以看到网站整体是居中了,但是和上面有一定的空白。

dw怎么让整个网页居中

7、这时,我们只需要点击下面的页面属性,把上边距设置为0即可。如图所示。保存文档,再次F12预览,则上面空白处就没有了。

dw怎么让整个网页居中

dw怎么让整个网页居中

1、设置body{ text-align:center;}内容居中,然后在设置div的css样式。如图所示

dw怎么让整个网页居中

dw怎么让整个网页居中

2、我们来看一下预览效果

dw怎么让整个网页居中

  • DW设置背景图片的操作方法
  • DW如何把文字居中
  • DreamWeaver中如何设置将将文字居中对齐
  • dw图片怎么居中
  • DreamWeaver中如何改变字体的颜色
  • 热门搜索
    知识产权申请 蓝莓的功效与作用 桑螵蛸的功效与作用 ems和邮政快递有什么区别 七上历史知识点 爱像什么 中药龙骨的功效与作用 五加皮的功效与作用 瓜蒌子的功效与作用 安全知识手抄报