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

作者：清风拂面 | 创建时间: 2023-07-13

在网页设计中，让页面居中显示几乎是所有网页设计人员首先必须实现的功能。对于各位“菜鸟”级网页编程人员而言，我们又该如何实现网页居中显示呢？以下教程将为大家解决这一难题。...

操作方法

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

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

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

我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中： <style type="text/css"></style> 也可以实现页面居中显示效果。

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

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

操作方法

更多推荐