表格Table属性
发布时间:2016-11-03 14:25:25 来源:51推一把
【摘要】表格由table 标签来定义。每个表格均有若干行,每行被分割为若干单元格。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
表格由 <table> 标签来定义。
每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
![](http://www.51tuiyiba.com/upload/uimg/94/4d/944db41a73f3097439645d3160f68a7c.png)
跨行或跨列的表格单元格
<th colspan="2">跨列</th>
<th rowspan="2">跨行</th>
单元格边距(Cell padding)
使用 Cell padding 来创建单元格内容与其边框之间的空白。
单元格间距(Cell spacing)
使用 Cell spacing 增加单元格之间的距离。
向表格添加背景颜色或背景图像
<table border="1" bgcolor="red">
<table border="1" background="/i/eg_bg_07.gif">
向表格单元添加背景颜色或者背景图像
<table border="1">
<tr>
<td bgcolor="red">First</td>
</tr>
<tr>
<td background="/i/eg_bg_07.gif">Second</td>
</tr>
</table>
在表格单元中使用 "align" 属性排列单元格内容
<tr>
<td align="left">衣服</td>
<td align="right">$241.10</td>
<td align="right">$50.20</td>
</tr>
每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
![](http://www.51tuiyiba.com/upload/uimg/94/4d/944db41a73f3097439645d3160f68a7c.png)
跨行或跨列的表格单元格
<th colspan="2">跨列</th>
<th rowspan="2">跨行</th>
单元格边距(Cell padding)
使用 Cell padding 来创建单元格内容与其边框之间的空白。
单元格间距(Cell spacing)
使用 Cell spacing 增加单元格之间的距离。
向表格添加背景颜色或背景图像
<table border="1" bgcolor="red">
<table border="1" background="/i/eg_bg_07.gif">
向表格单元添加背景颜色或者背景图像
<table border="1">
<tr>
<td bgcolor="red">First</td>
</tr>
<tr>
<td background="/i/eg_bg_07.gif">Second</td>
</tr>
</table>
在表格单元中使用 "align" 属性排列单元格内容
<tr>
<td align="left">衣服</td>
<td align="right">$241.10</td>
<td align="right">$50.20</td>
</tr>