html - Adding Border Radius To a Table

Question

I have the following line for my table in HTML. How do I add a 10px radius to all the 4 corners?

<table id="Table_01" width="929" height="650" border="0" cellpadding="0" cellspacing="0">

As i am a newbie, I don't know what other information I must include. Please help me do this possibly by adding something like border-radius:10px to the above line. Thanks.

question from:https://stackoverflow.com/questions/65901729/adding-border-radius-to-a-table

Answer 1

One of the ways where we use style tag if you cannot use external css :-

<style>
table{
  border:1px solid black;
  border-radius:10px;
}
</style>

<table>
<tr><th>Name</th><th>Age</th></tr>
<tr><td>Lak</td><td>14</td></tr>
<tr><td>Raj</td><td>17</td></tr>
<tr><td>Sheldon</td><td>15</td></tr>
<tr><td>Leonard</td><td>19</td></tr>
</table>