How to create a dashed line effect under the <tr> element using css?

Question

<tr class="dotted">
    <td><strong>Profile Information</strong></td>
</tr>

how to write a "dotted" class in css to achieve this effect?

Answer 1

could

tr.dotted td 
{
    border-bottom: dotted 1px black;
}

but you will have to have cellpacing = "0" or border-collapse: collapse; so there are no gaps in the line.