highlight table row on hover

1tr:hover {
2    background-color:#f5f5f5;
3}

1<style style="text/css">
2  	.hoverTable{
3		width:100%; 
4		border-collapse:collapse; 
5	}
6	.hoverTable td{ 
7		padding:7px; border:#4e95f4 1px solid;
8	}
9	/* Define the default color for all the table rows */
10	.hoverTable tr{
11		background: #b8d1f3;
12	}
13	/* Define the hover highlight color for the table row */
14    .hoverTable tr:hover {
15          background-color: #ffff99;
16    }
17</style>
18
19<table class="hoverTable">
20	<tr>
21		<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
22	</tr>
23	<tr>
24		<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
25	</tr>
26	<tr>
27		<td>Text 3A</td><td>Text 3B</td><td>Text 3C</td>
28	</tr>
29</table>
30