Horje

Full Example of HTML Collapsed Table Borders

This will make the borders collapse into a single border:
index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
</style>
</head>
<body>

<h2>Collapsed Borders</h2>
<p>If you want the borders to collapse into one border, add the CSS border-collapse property.</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 HTML Collapsed Table Borders



Single Articles
Full Example of HTML Collapsed Table BordersHTML 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: