Home
HTML
HTML Table Border
Example 5: HTML Table Border
Run ❯❯
<!DOCTYPE html> <html> <head> <title>Rounded Table Example</title> <style> table, td, th { border:2px solid black; border-radius: 12px; } </style> <head> </head> <body> <h1>Rounded Table Example</h1> <table> <tr> <th>No</th> <th>Name</th> <th>Run</th> <th>Team</th> </tr> <tr> <td>1</td> <td>Sachin Ramesh Tendulkar</td> <td>18426</td> <td>India</td> </tr> <tr> <td>2</td> <td>Kumar Chokshanada Sangakkara</td> <td>14234</td> <td>Sri Lanka</td> </tr> <tr> <td>3</td> <td>Ricky Thomas Ponting</td> <td>13704</td> <td>Australia</td> </tr> <tr> <td>4</td> <td>Sanath Teran Jayasuriya</td> <td>13430</td> <td>Sri Lanka</td> </tr> <tr> <td>5</td> <td>Denagamage Proboth Mahela de Silva Jayawardene</td> <td>12650</td> <td>Sri Lanka</td> </tr> </table> <p>To have a rounded border table we have set the border-radius to 12px. Change the value of the border-radius and see the result.</p> </body> </html>