html中table表格的属性是怎么使用的？其实很简单，下面我们以几个典型的属性来说明一下。
01首先是colspan属性，这是合并单元格的，一般一个表格的每一行的单元格数目都是一致的，但可以使用这个属性来为任意一行合并某些单元格，下方的代码就是为第一行合并3个单元格，从而让这一行只有一个单元格的。
02另一个是bgcolor属性，这是设置每一行或，每一个单元格的背景颜色的，如果要设置漂亮的表格，我们可以使用这个背景属性来让表格更有色彩。
03align属性可以让我们的单元格内容进行对齐，有左对齐，居中对齐和右对齐。这个可以让文本显示更加有条理。
04看下应用的效果，可以看到现在的表格显示有条有理了，灵活应用这些表格属性，可以让我们做出各式各样的表格来。
这是html表格标记<table>的属性， border="1" 是让表格边框线的粗细为1像素，cellpadding="0" 是让单元格边框线与单元格中的内容之间的距离为0像素，即单元格中内容紧挨着单元格的边线， cellspacing="0" 是让各单元格之间的缝隙为0象素。 如<table width="200" border="1" cellpadding="0" cellspacing="0">表示这个表格宽度为200象素，边框粗细为1象素，单元格和格中的内容距离为0象素，单元格之间的距离为0象素，画出的表格看起来是一个单线的表格。
<tr是表中的行，<td是表中的单元格，还有一个是<th是表格的表头例如：<table width=778 border=0<tr<td</td<td</td
colspan是列合并
rowspan是行合并
后面是是合并的数量
可以在css中设置的。
cellpadding属性可以使用css中的内边距属性代替。
border-collapse:collapse
border-collapse中的collapse和separate值，定义为collapse时，边框会重叠在一起。定义为separate时单元格边框之间会有间隙。不定义时默认为separate
cellpadding 属性：规定单元边沿与其内容之间的空白。
语法：
<body cellpadding="value">
cellspacing 属性：规定单元格之间的空间。
语法：
<body cellspacing="value">
扩展资料：
具体实现代码：
css部分：
<style type="text/css">
table{ border-collapse:collapseborder:solid 1px Black}
table td{ width:50pxheight:20px border:solid 1px Blackpadding:5px}
</style>
html部分：
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）