HTML Table With Collapsed Border Example

<!Doctype HTML>
<html>
  <head>
	<title>Collapsed Border</title>
	<style>
    table, th, td{
		border: 1px solid #999;
		border-collapse: collapse;
	}
    </style>
  </head>
  <body>
	<h2>HTML table with collapsed border</h2>
	<p>Tables border can be collapsed by using css border-collapse property</p>
	<table style="width: 100%;">
	  <tr>
		<th>Company</th>
		<th>Product</th>
		<th>Ranking</th>
	  </tr>
	  <tbody>
	  <tr>
		<td>Google</td>
		<td>Search engine</td>
		<td>1</td>
	  </tr>
	  <tr>
		<td>Google</td>
		<td>Youtube</td>
		<td>2</td>
	  </tr>
	  <tr>
		<td>Facebook</td>
		<td>Facebook App</td>
		<td>3</td>
	  </tr>
	  <tr>
		<td>Amazon</td>
		<td>Amazon Inc</td>
		<td>4</td>
	  </tr>
	  </tbody>
	</table>
  </body>
</html>