dreamwaver表格间距属性大全.docVIP

： 创建网页表格的基本原则和方法 2001-05-02· ·星河··天极设计在线 上一页??1 2 3 ? 　　5、表格属性cellspacing、cellpadding　　cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字，表示单元格间隙所占的像素点数。 我们来看下面的两个表格： ? ? ? ? ? ? 　　　 　　上面第一个表格的单元格之间没有空白距离，而第二个的单元格之间有很大的空白距离，我们来比较一下他们的源代码：第一个表格的代码：＜table width=200 cellspacing=0 border=1 bordercolor=#000000＞＜tr＞ ＜td＞?＜/td＞＜td＞?＜/td＞＜td＞?＜/td＞＜/tr＞＜/table＞第二个表格的代码：＜table width=200 cellspacing=8 border=1 bordercolor=#000000＞＜tr＞＜td＞?＜/td＞＜td＞?＜/td＞＜td＞?＜/td＞＜/tr＞＜/table＞　　比较代码，上边两个表格中只有 cellspacing 的设置不同，一个为“0”，一个为“8”，显示的结果就是第一个表格的每个单元格之间的距离为0(在本例中由于我们为了显示的方便，将表格边框设为“1”，所以单元格的真实距离是“2”，若将表格边框设为“0”，则单元格　的距离就是0了，第二个单元格同理)，第二个表格的每个单元格之间的距离为8。　　cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字，表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。我们先来看看这个例子:我们来看下面两个表格： 网页陶吧 ? 网页陶吧 ? 　　 　　第一个表格单元格的内容与单元格边界之间没有空白距离，而第二个表格单元格的内容与单元格边界之间有空白距离，我们来比较一下他们的源代码：第一个表格的代码：＜table width=240 cellspacing=0 border=1 bordercolor=#000000 cellpadding=０＞＜tr＞ ＜td width=120＞网页陶吧＜/td＞＜td＞?＜/td＞＜/tr＞＜/table＞第二个表格的代码：＜table width=240 cellspacing=0 border=1 bordercolor=#000000 cellpadding=15＞＜tr＞ ＜td width=120＞网页陶吧＜/td＞＜td＞?＜/td＞＜/tr＞＜/table＞　　两个表格只有红色部分代码不同。第一个表格中网页陶吧这几个字离它所在的单元格为0,那是因为设置了cellpadding=0的原因.第一个表格中的网页陶吧这几个字离它所在的单元格比较远，那是因为cellpadding=15,也就是说网页陶吧离它所在的单元格的边界的距离为20像素。简单的说,cellpadding的值等于多少,那表格内的单元格从自身边界开始向内保留多少空白,单元格里的元素永远都不会进入那些空白里。　　我们在以后的篇幅中会大量用到这两个属性，所以请大家不要弄混乱了, 为了形象的理解，请参考下图：　　  margin:0 auto;相当于margin:0 auto 0 auto;即上下是0，左右是自动。 margin:0px;就是上、下、左、右都是0px。span style=margin:0px 2px;行内级元素/span 在span内设置margin可以调节两个span之间的距离（上例：上下为0像素，左右分别相距2像素）。