1、利用Dreamweaver工具实现页面的居中显示:为了能够前后形成对比,我们先来看一下最初网页的显示效果。
![网页设计教程:[1]怎么让页面居中显示](https://exp-picture.cdn.bcebos.com/2e66f9ef28066b0142d560f43df39187031cf35c.jpg)
2、利用Dreamweaver打开要处理的网页,切换至“代码”查看模式,选中“<Body></body>”标签部分,然后点击“属性”工具栏中的“CSS”按钮。
![网页设计教程:[1]怎么让页面居中显示](https://exp-picture.cdn.bcebos.com/9881b1fce186242f717ac7ab35e434daf05ee85c.jpg)
3、接着点击“居中”按钮,就会发现页面被设置为居中显示。
![网页设计教程:[1]怎么让页面居中显示](https://exp-picture.cdn.bcebos.com/bfa52adaf05e4a23a679ada91dd818196120e25c.jpg)
4、我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中:<style type="text/css"><!--body { margin:0 auto;width:780px; '‘'’’这个改成你网页的宽度}--></style>也可以实现页面居中显示效果。
![网页设计教程:[1]怎么让页面居中显示](https://exp-picture.cdn.bcebos.com/ff5c88d81819612043c55fda70f202b375d7df5c.jpg)
![网页设计教程:[1]怎么让页面居中显示](https://exp-picture.cdn.bcebos.com/a68c126efbf202b39ddfcacf30f4da5872dadb5c.jpg)
5、我们事可以在“<body></body>”外面添加<center></center>标签来实现同样的页面居中显示效果。
![网页设计教程:[1]怎么让页面居中显示](https://exp-picture.cdn.bcebos.com/983aa5f4da5872da334132bb0056ad042e68d45c.jpg)