700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 表格属性cellspacing cellpadding

表格属性cellspacing cellpadding

时间:2019-12-01 12:23:15

相关推荐

表格属性cellspacing cellpadding

有时候我们需要用表格边框来区分各部分内容,若将表格边框宽度设置为“1”,又显得过于突出,影响整个页面的美观,怎么办呢?我们来看看下面两个表格以及它们的代码(注意红色部分代码):

表格A代码:

<table width="160"border="1" cellspacing="0"height="40">

<tr>

<td>

<div align="center">表格A</div>

</td>

</tr>

</table>

表格B代码:

<table width="160"cellspacing="1" border="0" bgcolor="#000000"height="40">

<tr>

<tdbgcolor="#FFFFFF">

<div align="center">表格B</div>

</td>

</tr>

</table>

表格A直接设置边框宽度为1,显示的结果并不令人满意,表格B则利用了“cellspacing”属性,边框明显细多了,显的更加精致。

在DreamWeaver中的快速通道

在Dreamweaver中插入一个一行一列的表格,表格的属性面板设置如下:

选择单元格,把单元格的背景色设置为白色就ok了!

说明:前面已经知道,cellspacing属性用来指定表格各单元格之间的空隙。我们设置整个表格的背景色时也包含了这个空隙,而设置单元格的背景色时却不包含这个空隙,所以,浏览器中显示的表格“边框线”并不是真正意义上的表格边框,而是单元格与单元格的空隙(此处的空隙我们设置的是“1pix”)。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。