good_evening
good_evening

Reputation: 21739

Border messes up when using border-radius

Here is HTML:

<table>
    <tr>
        <td>Smth:</td>
        <td>Lalala</td>
    </tr>
</table>

Here is CSS:

table
{
    border: 1px dotted black;
    border-radius: 25px;
}

table td
{
    padding: 15px;
}

When I use border-radius and border together, it messes up.

Is it possible to correct that? (I can't show it in jsFiddle, because border-radius doesn't work there)

Upvotes: 1

Views: 287

Answers (1)

seler
seler

Reputation: 9193

table {border-collapse:separate;}

http://jsfiddle.net/seler/28p9W/

Upvotes: 3

Related Questions