Zelleneffekt bei Tabellen mit CSS
Mit Hilfe von CSS können Sie bei einer Tabelle versetzte Zellen erzeugen.
Notieren Sie das Stylesheet im HEAD-Bereich Ihrer Webseite und fügen Sie der Tabelle das Attribut border=”0″ sowie die Style-Anweisung style=”border-collapse: separate;”.
<html>
<head>
<style type="text/css">
<!--
TD {
border: solid 2px blue;
}
-->
</style>
</head>
<body>
<table border="0" style="border-collapse: separate;">
<tr>
<td>Paris</td>
<td>Eiffelturm</td>
</tr>
<tr>
<td>Berlin</td>
<td>Brandenburger Tor</td>
</tr>
<tr>
<td>Rhede</td>
<td>Rheder Kirche</td>
</tr>
</table>
</body>
</html>
Kategorie: CSS
