Need help with table round corner

by 2 replies
3
Hi ,

I have a nested table inside a main table that I want to give top radios corners for this nested table.
I am not a coder so would be great if someone give a outline instructon how to achieve this.
Below is the code:

<table style="text-align: center; border-collapse: collapse; width: 550px; margin-top: 20px; background-color: rgb(255, 0, 0);" width="" align="center">
<tbody>
<tr>
<td>
<table style="border-collapse: collapse; width: 450px; margin-top: 20px; background-color: rgb(255, 255, 255);" width="" align="center">
<tbody>
<tr>
<td style="text-align: center; "><br />
</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>

Thanks in advance.
#programming #corner #round #table
  • [DELETED]
  • [DELETED]
  • Are you still working on this? If so, what do you mean by "radios corners"?
  • Try adding this code to your css file:
    table {
    border-collapse:separate;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;
    }

    td, th {
    border-left:solid black 1px;
    border-top:solid black 1px;
    }

    th {
    background-color: blue;
    border-top: none;
    }

    td:first-child, th:first-child {
    border-left: none;
    }
  • Banned
    [DELETED]
Join the discussion

Next Topics on Trending Feed