How to create table border in HTML?


To create table border in HTML, the border attribute was used. But the introduction of HTML5, deprecated the border tag. Create table border using the CSS property border. Set table border as well as border for <th> and <td>.

Example

You can try to run the following code to create a border in the table in HTML. We’re using <style> tag here:

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h1>Employee Details</h1>
      <table>
         <tr>
            <th>Name</th>
            <td>Amit</td>
            <td>Sachin</td>
         </tr>
         <tr>
            <th>Age</th>
            <td>27</td>
            <td>34</td>
         </tr>
      </table>
   </body>
</html>

Output

Updated on: 10-Sep-2023

31K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements