"Border-radius" pour un tableau

Par silvadori, il y a 13 ans


Les bases HTML/CSS

Bonjour,
je voulais savoir s'il était possible d'utiliser la propriété "border-radius" sur un tableau, autrement dit est-ce possible d'arrondir les coins extérieurs du tableau avec cette propriété, car j'ai tourné le truc dans tous les sens, je n'y arrive pas. :(

4 réponses

Wael83, il y a 13 ans

salut

oui c'est possible
table{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

silvadori, il y a 13 ans

Je l'ai utilisé mais ça marche pas par contre j'ai essayer ça est ça marche...en tous cas merci pour votre réponse :)

table tr:last-child td:first-child {
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px
}

table tr:last-child td:last-child {
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px
}

Wael83, il y a 13 ans

ah oui en effet pardon

le mieux est d'utiliser Bootstrap

un simple <table class="table-bordered">.....</table> aurait fait l'affaire

silvadori, il y a 13 ans

OK merci Wael83 pour l'information ;)