Question

html里面，我做了一个表格，每一行文字的下面我都设定了一条虚线，那么最后一行，我怎么让他没有虚线？

html里面，我做了一个表格，每一行文字的下面我都设定了一条虚线，那么最后一行，我怎么让他没有虚线？因为外边框，我设定了1px的灰色描边，刚好和最后一行的虚线重合，不好看，这是html，
<table width="100%" border="0" cellpadding="2" cellspacing="0" class="table5">
<tr >
<td colspan="4"> </td>
</tr>
<tr >
<td width="4%"><img src="images/greendot.jpg" width="4" height="4" /></td>
<td width="17%" class="text-fl">萍水相逢</td>
<td width="63%" align="center" class="text-fl">消费10个金币，对换10元手机费</td>
<td width="16%" align="center" valign="middle">2013.01.20</td>
</tr>
<tr class="last">
<td ><img src="images/greendot.jpg" /></td>
<td class="text-fl">M萍水相MM</td>
<td align="center" class="text-fl">消费500积分，对换500粉丝</td>
<td align="center" valign="middle">2013.01.20</td>
</tr>
<tr >
<td colspan="4"></td>
</tr>
</table>

这是在浏览器显示：

，其中css中设定这个表格是 class="table5"。 关于table5 的定义如：
.table5{text-align:center; border:1px solid #cccccc; border-radius :3px; background-color:#FFFFFF; width:650px;}
.table5 td{border-bottom:1px dashed #cccccc;}
.table5 .last{border-bottom:0;}

请问怎么解决这个问题， 在表格最后一行，不要出现虚线？

Answer 1

把在 你 最后 一行 把 border:0px;

<table width="100%" border="0" cellpadding="2" cellspacing="0" class="table5">
<tr >
<td colspan="4"> </td>
</tr>
<tr >
<td width="4%"><img src="images/greendot.jpg" width="4" height="4" /></td>
<td width="17%" class="text-fl">萍水相逢</td>
<td width="63%" align="center" class="text-fl">消费10个金币，对换10元手机费</td>
<td width="16%" align="center" valign="middle">2013.01.20</td>
</tr>
<tr>
<td ><img src="images/greendot.jpg" /></td>
<td class="text-fl">M萍水相MM</td>
<td align="center" class="text-fl">消费500积分，对换500粉丝</td>
<td align="center" valign="middle">2013.01.20</td>
</tr>
<tr >
<td colspan="4" class="last"></td>
</tr>
</table>

追问

最后一行，我加了  <tr style="border:0px;">， 

， 没有效果， 

• 

  
  

追答

你的下划线 是给 td 加的 你在 tr 去掉 怎么管用 你的 样式 是对的是 border-bottom:0px; 你把 我的 代码 替换了 应该就可以了，对了 忘记说了 td 如果是空的 要加 空格或者 高度 否则IE 判定为空。

&nbps;

Answer 2

把".table5 .last{border-bottom:0;}"这句改成.table5 tr.last td{border-bottom:none;}

Answer 3

给最后一行定义新的CSS类：border-bottom:0px，或者单独拉出来放到一个新的table里面。

Answer 4

给你的table的css样式加个border-collapse: collapse;属性，就是合并边框的意思，你试试看

Answer 5

在最后一个tr上添加样式border-bottom:0是可以达到目的的。问题之所以存在，是不是因为最后多了一组空的tr？