网页设计教程：[1]怎么让页面居中显示
在网页设计中，让页面居中显示几乎是所有网页设计人员首先必须实现的功能。对于各位“菜鸟”级网页编程人员而言，我们又该如何实现网页居中显示呢？以下教程将为大家解决这一难题。
操作方法
- 01
利用Dreamweaver工具实现页面的居中显示：为了能够前后形成对比，我们先来看一下最初网页的显示效果。
- 02
利用Dreamweaver打开要处理的网页，切换至“代码”查看模式，选中“<Body></body>”标签部分，然后点击“属性”工具栏中的“CSS”按钮。
- 03
接着点击“居中”按钮，就会发现页面被设置为居中显示。
- 04
我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中： <style type="text/css"><!--body { margin:0 auto;width:780px; '‘'’’这个改成你网页的宽度}--></style> 也可以实现页面居中显示效果。
- 05
我们事可以在“<body></body>”外面添加<center></center>标签来实现同样的页面居中显示效果。
赞 (0)