<!Doctype html>
<html>
<head>
<title>
Border Collapse
</title>
<style type="text/css">
.collapse{
border-collapse:collapse;
}
.separate{
border-collapse:separate;
}
table,th,td{
border:1px solid black;
}
</style>
</head>
<body>
<h1>Working with border-collapse property</h1>
<p>The border-collapse property is having value collapse </p>
<table class="collapse">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Name1</td>
<td>Age1</td>
</tr>
<tr>
<td>Name2</td>
<td>Age2</td>
</tr>
<tr>
<td>Name3 </td>
<td>Age3 </td>
</tr>
</table>
<br/> <br/> <br/>
<p>The border-collapse property value is separate</p>
<table class="separate">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Name1</td>
<td>Age1</td>
</tr>
<tr>
<td>Name 2</td>
<td>Age 2</td>
</tr>
<tr>
<td>Name 3</td>
<td>Age 3</td>
</tr>
</table>
</body>
</html>