CSS tips !

Voici un petit bout de CSS pratique s'adaptant à tout vos tableaux xHTML et pouvant donner une touche de design sympathique. Elle ajoute simplement un bord arrondi sur chaque angle du tableau, quelque soit la taille et la forme du tableau. Il n'y a pas non-plus besoin de rajouter des attributs sur les balises. Exemple :

Dans l'exemple CSS ci-dessous, j'utilise la propriété -moz-border-radius, vous pouvez également la coupler avec -webkit-border-radius et border-radius. Ou même, pour que cela marche sur IE, utiliser background-image :

tr:last-child td:last-child{
-moz-border-radius-bottomright: 10px;
border: none;
}

tr:last-child td:first-child{
-moz-border-radius-bottomleft: 10px;
border: none;
}

tr:first-child th:last-child, tr:first-child td:last-child{
-moz-border-radius-topright: 10px;
border: none;
}

tr:first-child th:first-child, tr:first-child td:first-child{
-moz-border-radius-topleft: 10px;
border: none;
}