tebox: Ecken haben die falsche Farbe bei border-collapse

Beitrag lesen

Hallo, ich habe eine Tabelle gebastelt, in der Kopfzellen eine andere Rahmenfarbe haben als die restlichen Zellen. Die Rahmen sollen dabei aufeinanderfallen (collapse). Das Problem hierbei ist, dass die geteilten Linien zwar die Farbe der Überschrift annehmen, nicht jedoch die geteilten Ecken.

===================================

<html>
<head>
<title></title>
<style type="text/css">
<!--
#tab1{
border-collapse:collapse;
}
#tab1 td{
border:solid 5px lightgrey;
border-top:0px;
}
#tab1 th{
border:solid 5px black;
text-align-left;
}
-->
</style>
</head>
<body>
<table id="tab1" width="600">
<tr>
<th>Headline 1</th>
<th>Headline 2</th>
<th>Headline 3</th>
</tr>
<tr>
<td>Content 1</td>
<td>Content 2</td>
<td>Content 3</td>
</tr>
<tr>
<td>Content 1</td>
<td>Content 2</td>
<td>Content 3</td>
</tr>
</table>
</body>
</html>