BG/BRG Lerchenfeld
Schulbezeichnung
Impressum |  Kontakt |  Neues |  Sitemap

Kopf, Fuß und Körper einer Tabelle definieren

Kopfteil 1 Kopfteil 2 Kopfteil 3
Fußteil 1 Fußteil 2 Fußteil 3
Körperteil 11 Körperteil 12 Körperteil 13
Körperteil 21 Körperteil 22 Körperteil 11
Körperteil 31 Körperteil 32 Körperteil 33

Der Quellcode:

<table rules="groups" class="tableg">
  <thead>
    <tr>
      <th>Kopfteil 1</th>
      <th>Kopfteil 2</th>
      <th>Kopfteil 3</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Fußteil 1</td>
      <td>Fußteil 2</td>
      <td>Fußteil 3</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Körperteil 11</td>
      <td>Körperteil 12</td>
      <td>Körperteil 13</td>
    </tr>
    <tr>
      <td>Körperteil 21</td>
      <td>Körperteil 22</td>
      <td>Körperteil 11</td>
    </tr>
    <tr>
      <td>Körperteil 31</td>
      <td>Körperteil 32</td>
      <td>Körperteil 33</td>
    </tr>
  </tbody>
</table>
<style type="text/css">
.tableg {
margin-left:auto;
margin-right:auto;

}
.tableg thead {
background-color:#eeeeaa;
}
.tableg thead tr {
border:1px solid #000;

}
.tableg thead th{
padding:1em 1em 1em 1em;
border:1px dotted #ccc;
font-size:120%;
text-align:center;
}
.tableg tbody {
background-color:#eeeeee;
border:1px solid #000;
}
.tableg tbody tr{


}
.tableg tbody td{
padding:1em 1em 1em 1em;
font-size:100%;
text-align:center;
border:1px dotted #ccc;
}
.tableg tfoot {
background-color:#eeaaee;

}
.tableg tfoot tr{
border:1px solid #000;

}
.tableg tfoot td{
padding:1em 1em 1em 1em;
border:1px dotted #ccc;
font-size:100%;
text-align:center;
}
</style>