CSS Tables - Hoverable Tables Example

<!Doctype HTML>
<html>
<head>
<title>CSS Tables - Hoverable Tables</title>
<style> 
table{
	width: 100%;
}
td{
	border-bottom: 2px solid #3949ab66;
}
tr:hover{
	background: #3949ab33;
}
</style>
</head>
<body>
	<h2>CSS tables Hoverable tables</h2>
	<table class="css-table5">
	<thead>
		<tr>
			<td>Customer</td>
			<td>Country</td>
			<td>Order Ammount</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Max Phileu</td>
			<td>United Kingdom</td>
			<td>$1000</td>
		</tr>
		<tr>
			<td>Dublin Newad</td>
			<td>Mexico</td>
			<td>$12900</td>
		</tr>
		<tr>
			<td>Brett Pk</td>
			<td>United States</td>
			<td>$32100</td>
		</tr>
		<tr>
			<td>Kailie Hen</td>
			<td>Brazil</td>
			<td>$77300</td>
		</tr>  
	</tbody>
	</table> 		
</body>
</html>