Horje

Full Example of a Border in HTML Table

index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>

<h2>Table With Border</h2>

<p>Use the CSS border property to add a border to the table.</p>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

</body>
</html>

Output should be:

Full Example of a Border in HTML Table



Single Articles
Full Example of a Border in HTML TableHTML Table Borders


Related Articles
What is HTML Table Borders HTML Table Borders
How To Add a Border in HTML Table HTML Table Borders
How to create HTML Collapsed Table Borders HTML Table Borders
How to Create Style HTML Table Borders HTML Table Borders
How to create Round HTML Table Borders HTML Table Borders
How to create HTML Dotted Table Borders HTML Table Borders
How to add HTML Table Border Color HTML Table Borders

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Table Borders
Uploaded by:
Admin



Share on: