<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Markierung von Tabellenreihen beim Überstreichen mit der Maus - Cascading Style Sheets - Workshop Internet-Präsenz</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="DE" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description"
content="Übung Cascading Style Sheets. Markierung von Tabellenreihen beim Überstreichen mit der Maus." />
<meta name="keywords" content="HTML, Cascading Style Sheets" />
<meta name="author" content="Roland Unger" />
<style type="text/css">
<!--
table {
border-collapse: collapse;
}
td {
border: 1px solid #000;
padding: 0.5em 2em;
height: 5em;
}
tr:hover {
background: #e5f3ff;
}
td:hover {
background: #fff3ff;
}
-->
</style>
</head>
<body>
<h1>Workshop Internet-Präsenz</h1>
<h2>Markierung von Tabellenreihen beim Überstreichen mit der Maus - Cascading Style Sheets</h2>
<table>
<tbody>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
</tbody>
</table>
<p>Das Beispiel funktioniert nicht im Internet Explorer 6. Die
Pseudoklasse :hover lässt sich nur bei Links anwenden.</p>
</body>
</html>