Как добавить строку в таблицу?

Question

У меня есть такая таблица:

<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>

Но между строкой Питера Гриффина и Лоис Гриффин я хочу провести линию, чтобы разделить их следующим образом:

_____________________
[Firstname][Lastname]
---------------------
[   Peter ][Griffin]
--------------------- <---add a line here
[   Lois  ][Griffin]
---------------------

Answer 1

Должен использовать CSS, что-то вроде этого должно работать:

td { border-bottom: solid 1px #CCCCCC; }

Добавьте отступ, если вы хотите немного разнести слова из строки:

td { padding-top:5px; padding-bottom:5px; }

Answer 2

tr{ border-bottom: solid 1px #999; float: left; width: 100% }

затем для столбцов (допустим, у вас есть 3 столбца)

td{width: 30%; float: left; text-indent: 10px; border-right: solid 1px #999; overflow: hidden; padding: 1%;}

Причиной избыточного потока является скрытие текста, который длиннее поля

Answer 3

используйте css

table tr th, table tr td
{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
}