如何在长度为2列的行之间创建边框?

时间:2012-07-11 11:58:53

标签: html css

我有一个包含以下行的表:

<tr class = 'output' style='border-bottom: 1px dotted silver;'>

但我需要边框长度为2列(现在它的长度为5(所有列)。是否可能?

1 个答案:

答案 0 :(得分:3)

不,您必须在border-bottom上设置td

<tr class = 'output'>
  <td style='border-bottom: 1px dotted silver;'></td>
  <td style='border-bottom: 1px dotted silver;'></td>
  <td></td>
  <td></td>
  <td></td>
</tr>

或者你可以用CSS做到这一点:

table tr.output td:nth-child(1), table tr.output td:nth-child(2) {
    border-bottom: 1px dotted silver;
}​

http://jsfiddle.net/awUTV/