Gernot Back: Rahmen um Tabellenzeile

Beitrag lesen

Hallo Marc,

Wie bekomme ich einen Rahmen um eine ganze Tabellenzeile.(...) Seltsamerweise funktioniert es dem element eine Hintergrundfarbe zuzuweisen, wieso also nicht mit "border:medium solid blue;"

Nun gut das ist aufwändig, aber über den Kind- und/oder Nachfahrenselektor doch auch machbar:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Zeilenborder</title>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<style type="text/css">  
[code lang=css]  
table {  
  border-collapse:collapse;  
  width:100%;  
}  
  
tr.border td {  
  border:solid blue;  
  border-width:medium 0;  
  text-align:center;  
}  
  
tr.border td.first {  
  border-left-width:medium;  
}  
  
tr.border td.last {  
  border-right-width:medium;  
}

</style>
</head>
<body>
<table>
<tr class="border">
 <td class="first">erste</td>
 <td>mittlere</td>
 <td class="last">letzte</td>
</tr>
<tr class="border">
 <td class="first">erste</td>
 <td>mittlere</td>
 <td class="last">letzte</td>
</table>
</body>
</html>
[/code]

Gruß Gernot