HTML-FILES-1/css.HTML at main · atchuuu/HTML-FILES-1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!doctype HTML>
<HTML>
<HEAD>
<STYLE>
table {border-collapse:collapse;
       width: 100%;
}
th,td{
padding: 5px;
text-align: CENTER;
border-bottom:1px SOLID black;
}
 /*th{background-color:green;}*/
tr:nth-child(odd){background-color:yellow;}
tr:nth-child(even){background-color:pink;}
tr:hover{background-color:red;color:white;}
</STYLE>
</HEAD>
<BODY>
<H1> hoverable table </H1>
<P> move the mouse over the table rows to see the effect </P>
<TABLE BORDER="|">
<tr>
<th> ROW CELL 1 </th>
<th> ROW CELL 2 </th>
<th> ROW CELL 3 </th>
<th> ROW CELL 4 </th>
</tr>
<tr>
<td> 1 </td>
<td> SRI </td>
<td> GOOD </td>
<td> GIRL </td>
</tr>
<tr>
<td> 2 </td>
<td> SUKSS </td>
<td> GOOD </td>
<td> GIRL </td>
</tr>
<tr>
<td> 3 </td>
<td> ATCHUTHA </td>
<CENTER><td COLSPAN="2">NULL</td></CENTER>
</tr>

</BODY>
</HTML>