Tabelle header mit abgerundeten Ecken und Rand

Ich
s es möglich überschriften von der Tabelle mit abgerundeten Ecken UND einem 1px Rand?

Wenn ich eine Grenze es gilt nicht für die abgerundeten Ecken, sondern auf die tatsächliche Tabelle Grenze, also die Grenze, die Ecken sind quadratisch.

Wie kann ich dies tun?

Hier die CSS:

.example th {
border: 1px solid #ddd;
background: #444;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
background: -moz-linear-gradient(top,  #eee,  #ddd);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
color: #444;
    }

Den abgerundeten Ecken angewendet werden, um die erste Liste und Kind th:
-moz-border-radius: 6px 0 0 0;
-webkit-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;

Meine Lösung ist das hinzufügen span oder div in meine Zellen.
bitte fügen Sie relevante markup, vielleicht ist es doesn T Arbeit mit Tabellen oder vielleicht Ihre mark hat einen Fehler
vergessen Sie nicht, akzeptieren Sie eine Antwort, wenn es Ihnen geholfen hat, als eine grundlegende Höflichkeit anderen gegenüber...

InformationsquelleAutor user1438243 | 2012-06-05

Schreibe einen Kommentar