Dreamweaver MX进阶教程（十七）设置表格的属性

智源网于金日改版成功！ [ 2008年7月1日]

	加入收藏
	设为首页
	联系站长

您现在的位置：智源网 >> 网站建设 >> 网页软件 >> 教程正文

[组图]设置表格的属性

★★★

【字体：小大】

Dreamweaver MX进阶教程（十七）设置表格的属性

作者：佚名教程来源：本站原创点击数：更新时间：2008-7-7

Dreamweaver MX进阶教程（十七）设置表格的属性

1.插入一个三行三列的表格。实例中，表格边框一象素，边框颜色为红色。

2.把插入点放在表格中，然后在文档左下角的“标签选择器”中选择table标签。

3.选择“窗口”/ “标签检查器”，打开“标签检查器”面板。

设置表格外围边框的显示状况。
在标签检查器中，单击frame属性右边的下拉箭头。

above：只显示上面的边框

below：只显示下面的边框

border：四周边框都显示。这是默认值。

box：四周边框都显示

hsides：只显示上下边框

lhs：只显示左边框

rhs：只显示右边框

void：不显示任何边框

vsides：只显示左右边框

设定表格内部分割线的显示状况
在标签选择器中，单击rules属性右边的吕贰?

all：显示所有行列分割线。

cols：只显示垂直列分割线。

groups：只显示水平分组分割线。组由thead,tbody,tfoot, 和colgroup 标记定义。

none:不显示分割线。

rows:只显示水平行分割线。

设置表格的亮边框和暗边框
为了使效果明显，实例中插入三行三列、边框为6、边框颜色为黑色的表格。

在“标签检查器”中选择bordercolordark，设置表格的暗边框。

单击颜色选择器，选择一种颜色。

bordercolordark: 暗边框，表格边框背光部分的颜色。实例中设置为红色。

在“标签检查器”中选择bordercolorlight，设置表格的亮边框。

bordercolorlight：亮边框，表格边框向光部分的颜色。实例中设置为绿色。

设置表格内容的排列方向
在“属性选择器”中，选择dir右边的下拉箭头。

ltr：内容从左向右排列

测试效果

rtl：内容从右向左排列

测试效果

教程录入：admin 责任编辑：admin

上一个教程：制作虚线

下一个教程：插入具有辅助功能的表格

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

最新热点		最新推荐		相关文章
				网页制作中关于网页表单提交… 玩转网页滚动条宇宙场景鼠绘教材之星空宇宙场景鼠绘教材之星云宇宙场景鼠绘教材星体教程更快地创建无缝图样 [Photoshop教程]听雪 Photoshop制作缭绕的烟雾 photoshop 技能大全 PHOTOSHOP再造雪景

　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）