row border color

Question

I want to set the border of <tr> to yellow. I can set the border of <td> but can't figure how to set border of row <tr>. How to do this?

Thanks.

Answer 1

This example is working fine on IE8, Chrome 9 and Firefox 3.6 so I really can't see what is the problem.

HTML used in the example:

<table>
    <tr>
        <td>AAA</td>
        <td class="middle">BBB</td>
        <td>CCC</td>
    </tr>
</table>

CSS:

.middle { border: 2px solid blue; }
tr { border: 2px solid red; }

Result: