css设置table tr td 的问题

html-css018

css设置table tr td 的问题,第1张

table,tr,td .mytab1

我没看错的话，分割 tabletr td 之间的是 逗号，这代表对

table /tr/ td .mytab1 这3项设置

所以对 border:none，就会设置在 所有 table 与 tr 上。

建议另起一个设置，直接对 .mytab1 进行设置。

写了两种方法，你看看吧，也许有用

方法一：<table width="200px" height="200px" frame="box">

<tr>

<td style="border:1px solid red"></td>

<td style="border:1px solid red"></td>

</tr>

<tr>

<td style="border:1px solid blue" colspan="2"></td>

</tr>

<tr>

<td style="border:1px solid red" colspan="2"></td>

</tr>

<tr>

<td style="border:1px solid blue" colspan="2"></td>

</tr>

</table>

这种方法是设置行内每个单元格的样式

方法二：

<table width="200px" height="200px" frame="box">

<tr bordercolor="#FF0000">

<td ></td>

<td></td>

</tr>

<tr bordercolor="#FF0000" >

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

</tr>

<tr bordercolor="#FF0000" >

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

</tr>

<tr bordercolor="#FF0000" >

<td ></td>

</tr>

</table>

两个方法的<table></table>标记里都加frame="box"

这样是没有任何效果的。因为表格中的tr并非单一的边框，这样便需要属性border-collapse，border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。