Dreamweaver精细化网页中表格的外观(1)

http://tech.tom.com　 2006年07月11日 10时14分来源:中关村在线

·Dreamweaver精细化网页中表格的外观（1）

表格无疑是网页制作中最为重要的一个对象，因为通常的网页都是依靠表格来进行版面布局和各元素组织的，它直接决定了网页是否美观，内容组织是否清晰。但很多朋友常常忽视对表格的研究，而把目光投向其他的层、图片、特效等等，其实合理的利用表格可以方便的美化你得页面，我们也常常听到有朋友抱怨表格作出的页面单调、粗糙、缺乏变化，也常常听到有人问如何作出1个像素的表格边框。其实在Dreamweaver中我们可以非常方便的精细化你的表格，从而使你的网页更加美观精细。我们将分下面三个方面介绍如何在Dreamweaver中精细化你的表格。

一、利用属性面板。


（图一）

首先我们需要了解两个表格属性面板上的参数：CellPad和CellSpace。如图一所示，CellPad是指表格中两个单元格之间的距离，CellSpace是指每个单元格与它中间的内容之间的间隔距离。通过改变这两个参数，并配合背景色彩的变化，可以方便的做出1像素的表格边框。

1、使用Object面板插入一个表格，定义表格宽、高及行数和列数。注意此时Dreamweaver中插入表格的默认CellPad和CellSpace、Border都为0。如图二；

（图二）

2、在属性面板中定义表格的Border为0，CellPad为5（这项可使单元格中的内容与单元格边缘之间保持5个像素）；CellSpace为1（此项使得单元格之间保持1个项素的间距）。如图三；

（图三）

3、设置表格的背景色#999999，如图四；

（图四）

4、设置单元格的背景色#FFFFFF，如图五；

（图五）

5、在浏览器中预览一下效果，我们可以看到表格呈现一个像素的边框，如图六；

（图六）

[责编：李巍]
    TOM搜索更多内容： Dreamweaver
    TOM免费邮箱，打造天下无敌
热点推荐 总裁访谈　TOM视点　显危镜　麻辣TOM
新浪前联席董事长姜丰年遭到调查 涉嫌违规交易
港湾员工多被华为收编 对手挖角李一男去向不明
戴尔笔记本涉嫌换CPU芯片 百名网友拟联名投诉
中国政府敦促美国放松对华高科技产品出口限制
四川联通再出价格杀手锏 无月租并本地接听免费
 龙芯千元电脑批量生产年内上市 酝酿涉足机顶盒
李东生反省三大管理失误：自述TCL高管调整内因
下葬三小时“死人”竟复活 埋入坟墓后大声呼救
四岁女童怪病身高不长体重猛增 终生要吃药(图)
TCL多媒体3.7亿元出售非核心资产 发展彩电业务
TOM生日站 祝福无极限
精彩图文

人形棺材带有彩色面具
隐形衣近期即将问世
发现头部清晰的外星人
两张嘴三只眼的双头猪
相关文章 发表评论
·Dreamweaver网页制作教程：超级链接 07月04日
·Dreamweaver网页制作教程：定义站点 07月04日
·Dreamweaver MX 2004一句话技巧 12月15日
·更多相关文章： Dreamweaver  
 
爱国 守法 自律 真实 文明

网友昵称 ：
　
首页 | 新闻 | 体育 | 娱乐 | 音乐 | 汽车 | 幻剑 | 房产 | 科技 | 女性 | 游戏 | 短信 | 彩信 | 铃吧 | 邮箱 | 搜索 | 拍卖 | skype | 论坛 | 游戏世界
TOM首页 > TOM科技 > TOM学园 > 冲浪一族 > 正文
　

TOM集团　　TOM在线　　广告服务　　私隐政策　　TOM招聘　　联系我们　　About TOM Online
Copyright © 2006 雷霆万钧 版权所有