标题居中的html表格？

Question

我已经为表单制作了一个 html 表格..

但是对于表单的每个部分，我想要一个跨越整个表格宽度的标题，例如跨越表格整行长度的“快速搜索”、“高级搜索”

看这里: http://jsfiddle.net/MHtvq/3/

但是有一个问题:“快速搜索”或“高级搜索”的文本不能真正居中。因为它们位于表格的一列中。

       <tr height= "100px" >
                        <td bordercolor="#90DBFF" bgcolor="#CC99CC" style="left-padding:20px">Quick Search</td>
                        <td bordercolor="#90DBFF" bgcolor="#CC99CC"></td>

       <tr>

我要的是这个(看丑图中的红色文字):

还有其他解决方法吗？我应该使用多个表，然后 div 作为标题吗？

我不确定解决这个问题的最佳方法..

Answer 1

您可以通过向单元格添加 colspan 属性来使表格单元格跨越多列。像这样:

<td colspan="2">quick search</td>

您还应该使用 css 进行样式设置(边框颜色和背景颜色属性)