CSS Sat 7 (tablice, table collapse, text transform..)

HTML
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<table border="1">
			<tr>
				<th class="data">Data</th>
				<th class="data">Data</th>
				<th class="data">Data</th>
				<th class="data">Data</th>
			<tr>
				<td class="odd">Odd</td>
				<td class="odd">Odd</td>
				<td class="odd">Odd</td>
				<td class="odd">Odd</td>
			</tr>
			<tr>
				<td class="even">Even</td>
				<td class="even">Even</td>
				<td class="even">Even</td>
				<td class="even">Even</td>
			</tr>
			<tr>
				<td class="odd">Odd</td>
				<td class="odd">Odd</td>
				<td class="odd">Odd</td>
				<td class="odd">Odd</td>
			</tr>
			<tr>
				<td class="even">Even</td>
				<td class="even">Even</td>
				<td class="even">Even</td>
				<td class="even">Even</td>
			</tr>
			</body>
		</head>
CSS
table {
	color: white;
	border-collapse: collapse;
	font-family: arial;
	text-transform: uppercase;
	margin: 50px auto;
}
td, th {
	border: 1px solid yellow;
}
.data {
	background-color: green;
	padding: 10;
}
.odd {
	background-color: gray;
	padding: 10;
}
.even {
	background-color: purple;
	padding: 10;
}