Computer >> Computer tutorials >  >> Programming >> HTML

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>.

How to create table border in HTML?

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

How to create table border in HTML?