Beispiel:CSS2 border-collapse.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!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:SELFHTML-Beispiel-Grundlayout.css">
		<title>border-collapse</title>
		<style>
			table, th, td {border: thin solid;}
			td {padding: .5em; }
			#coll    {border-collapse: collapse;}
			#sepa    {border-collapse: separate; margin-top: 2em;}
			caption  {text-align: left;}
		</style> 
</head>
<body>
	<h1>border-collapse</h1>

	<table id="coll">
		<caption>Zusammenfallende Rahmen</caption>
		<tbody>
			<tr>
				<td>Feld 1</td>  
				<td>Feld 2</td>  
				<td>Feld 3</td>  
			</tr>
			<tr>
				<td>Feld 4</td>  
				<td>Feld 5</td>  
				<td>Feld 6</td>  
			</tr>
		</tbody>
	</table>
	<table id="sepa">
		<caption>Getrennte Rahmen</caption>
		<tbody>
			<tr>
				<td>Feld 1</td>  
				<td>Feld 2</td>  
				<td>Feld 3</td>  
			</tr>
			<tr>
				<td>Feld 4</td>  
				<td>Feld 5</td>  
				<td>Feld 6</td>  
			</tr>
		</tbody>
	</table>
	
</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:CSS2_border-collapse.html&oldid=81932“