dreamwaver表格间距属性大全[新版]

dreamwaver表格间距属性大全[新版]dreamwaver表格间距属性大全[新版] : 创建网页表格的基本原则和方法 2001-05-02? ?星河??天极设计在线上一页 1 2 3 5、表格属性cellspacing、cellpadding cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字，表示单元格间隙所占的像素点数。我们来看下面的两个表格: 上面第一个表格的单元格之间没有空白距离，而第二个的单元格之间有很大的空白距离，我们来比较一下他们的源代码: 第一个表格的代码: ,table width=...

dreamwaver 表格间距属性大全[新版] : 创建网页表格的基本原则和方法 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。表示间距，表格和div还有span标签都起作用!(行内级元素 )在span内设置margin可以调节两个span之间的距离(上例:上下为0像素，左右分别相距2像素)。直接在段落

中插入加内容即可，在添加定义即可，如:新建样式class=“spanone”随后自己添加定义即可～

                    本文档为【dreamwaver表格间距属性大全[新版]】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

dreamwaver表格间距属性大全[新版]

你可能还喜欢