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

2025-05-24 08:52:51

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

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

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

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

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

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

4、我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中:<style type="text/css"><!--body { margin:0 auto;width:780px; '‘'’’这个改成你网页的宽度}--></style>也可以实现页面居中显示效果。

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

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

网页设计教程:[1]怎么让页面居中显示
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢