您的位置:学习中国 推荐教程 Dreamweaver 正文
原作者:kuku 添加时间:2007-05-30 原文发表:2007-05-30 人气:23 来源:转载


本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中。

页面居中的网页
实现方法:设置body标签居中。

1.打开一个网页,在文档左下角的“标签选择器”上选择“body”标签。


2.在“属性面板”上点击“居中对齐”。现在居中的页面就做好了,往里面填充内容就可以了。

转换到代码视图,看看生成的代码,原来生成的是“

”。

可以选择两种形式的居中代码。使用“div”标签是其中一种,另一种是使用“center”标签。打开“编辑”/“参数选择”菜单,在如下图的对话框中,选择居中使用的标签。

 

页面上下左右居中
实现方法:在页面中,插入一个一行一列,宽高都为百分之百的表格,并且设置表格不显示,使表格所在的单元格,水平和垂直都居中,在单元格中放网页内容,可以是一个或者几个表格,例如插入一个768×430象素的表格,也可以直接放入内容,网页看起来就是上下左右都居中的。

1.打开文档,插入一个一行一列的表格,宽牙为100%,单元格填充,间距,边框都为0。

2.在属性面板上,继续设置表格高度为100%,具体设置如下图。

3.在文档左下角的“标签选择器”上选择“td”标签。

4.在属性面板上,设置“td”标签(单元格)水平“居中对齐”,垂直设置为“中间”。

5.这个时候,上下左右居中的页面已经设置好了。接下来,在单元格中,插入表格或者内容就可以了。

本页地址
相关文章

DreamweaverMX进阶教程九使用用于框架的行为
DreamweaverMX进阶教程八操作框架
DreamweaverMX进阶教程七创建基于框架的网页
DreamweaverMX进阶教程六网页添加背景音乐
DreamweaverMX进阶教程五制作弹出窗口
DreamweaverMX进阶教程四使用插件
DreamweaverMX进阶教程三轻松制作弹出菜单
DreamweaverMX进阶教程二滚动字幕
DreamweaverMX进阶教程一可视化操作iframe
在网页中使用图片(4)
DreamweaverMX进阶教程十一使用层布局网页
DreamweaverMX进阶教程十二在居中页面使用层
DreamweaverMX进阶教程十三使用上标和下标
DW进阶教程十四使用server-sideinclude
DW进阶教程十五插入具有辅助功能的表格
DreamweaverMX进阶教程十六制作可拖动表格
DreamweaverMX进阶教程十七设置表格的属性
DW进阶教程十八使用css样式制作细线表格
DWMX进阶教程十九防止英文字符撑破表格
DW教程二十使用象素图像固定单元格宽度

相关评论


本文章所属分类:首页 推荐教程 Dreamweaver   Dreamweaver