网页设计教程：[1]怎么让页面居中显示

时间：2026-04-23 18:24:31

1、利用Dreamweaver工具实现页面的居中显示：为了能够前后形成对比，我们先来看一下最初网页的显示效果。

网页设计教程：[1]怎么让页面居中显示

2、利用Dreamweaver打开要处理的网页，切换至“代码”查看模式，选中“<Body></body>”标签部分，然后点击“属性”工具栏中的“CSS”按钮。

网页设计教程：[1]怎么让页面居中显示

3、接着点击“居中”按钮，就会发现页面被设置为居中显示。

网页设计教程：[1]怎么让页面居中显示

4、我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中：

也可以实现页面居中显示效果。

网页设计教程：[1]怎么让页面居中显示

5、我们事可以在“<body></body>”外面添加<center></center>标签来实现同样的页面居中显示效果。

网页设计教程：[1]怎么让页面居中显示