<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Tabellen- und Zellenr&auml;nder, Zellenabstand - Cascading Style Sheets - Workshop Internet-Pr&auml;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="&Uuml;bung Cascading Style Sheets. Tabellen- und Zellenr&auml;nder, Zellenabstand." />
 <meta name="keywords" content="HTML, Cascading Style Sheets" />
 <meta name="author" content="Roland Unger" />

 <style type="text/css">
 <!--

  table {
     border: 3px solid #0000ff;
     border-spacing: 10px 20px;
  }

  td {
     border: 3px solid #000;
     border-spacing: 10px;
     padding: 0.5em;
  }

 -->
 </style>
</head>

<body>

<h1>Workshop Internet-Präsenz</h1>

<h2>Tabellen- und Zellenränder, Zellenabstand - Cascading Style Sheets</h2>

<p>Nachfolgende Tabelle zeichnet Ränder für
Tabellenzellen und die Tabelle selbst. Weiterhin
lassen sich padding und Randabstände vereinbaren.
Der Internet Explorer 6 interpretiert die Angabe
<em>border-spacing</em> nicht. Hier müssen Sie
zusätzlich im &lt;table&gt;-Tag das Attribut
<em>cellspacing</em> notieren.</p>

<table summary="Datentabelle" cellspacing="10">
 <tbody>
  <tr>
   <td>Zelle 11</td>
   <td>Zelle 12</td>
   <td>Zelle 13</td>
  </tr>
  <tr>
   <td>Zelle 21</td>
   <td>Zelle 22</td>
   <td>Zelle 23</td>
  </tr>
 </tbody>
</table>

</body>
</html>