Beispiel:Tabelle-16.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de"> <head>
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css"> <style>
table, th, td {
border-collapse: collapse; padding:0.3em 0.5em;
}
table {
margin-left: 1em;}
th, caption {
background-color: #666; color: #fff; border: thin solid #666;
}
td {
background-image: linear-gradient(#f9f9f9, #e3e3e3); border-left: thin solid #666; border-right: thin solid #666;
}
tfoot {
border-bottom: thin solid #666;
}
caption {
font-size: 1.5em; border-radius: 0.5em 0.5em 0 0; padding: 0.5em 0 0 0
} /* 3. und 4. Spalte rechtsbündig */ td:nth-of-type(3),td:nth-of-type(4) {
text-align: right;
} </style>
<title>Tabellen mit CSS gestalten</title>
</head>
<body>
Tabellen mit CSS gestalten 7
| Land | Hauptstadt | Fläche (km²) |
Einwohner (Mio.) |
|---|---|---|---|
| Baden-Württemberg | Stuttgart | 35.751 | 10,631 |
| Bayern | München | 70.550 | 12,604 |
| Berlin | Berlin | 892 | 3,422 |
| Brandenburg | Potsdam | 29.654 | 2,449 |
| Bremen | Bremen | 419 | 0,657 |
| Hamburg | Hamburg | 755 | 1,746 |
| Hessen | Wiesbaden | 21.115 | 6,045 |
| Mecklenburg-Vorpommern | Schwerin | 23.212 | 1,597 |
| Niedersachsen | Hannover | 47.613 | 7,791 |
| Nordrhein-Westfalen | Düsseldorf | 34.110 | 17,572 |
| Rheinland-Pfalz | Mainz | 19.854 | 3,994 |
| Saarland | Saarbrücken | 2.569 | 0,991 |
| Sachsen | Dresden | 18.420 | 4,046 |
| Sachsen-Anhalt | Madgeburg | 20.452 | 2,245 |
| Schleswig-Holstein | Kiel | 15.800 | 2,816 |
| Thüringen | Erfurt | 16.173 | 2,161 |
| Bundesrepublik Deutschland (DE) | Berlin | 357.340 | 80,767 |
Quelle: <a href="https://de.wikipedia.org/wiki/Land_%28Deutschland%29#Rahmendaten_der_L.C3.A4nder">Wikipedia</a>
</body> </html>
