Table avec des coins arrondis

Résolu
chabinot Messages postés 322 Date d'inscription   Statut Membre Dernière intervention   -  
chabinot Messages postés 322 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je veux mettre des arrondis (border-radius) à une table. J'ai essayé comme ceci :
table {
   border-radius: 14px;
}

Bout de code html
<table>
     <thead class="text-center table-grey">
        <tr>
             <th scope="col">Prénom</th>
             <th scope="col">Nom</th>
             <th scope="col">Téléphone</th>
             <th scope="col">Adresse courriel</th>
             <th colspan="2" class="text-center">Action</th>
        </tr>
     </thead>
</table>

Merci de votre aide
Cordialement

1 réponse

chabinot Messages postés 322 Date d'inscription   Statut Membre Dernière intervention   16
 
Bonjour,
J'ai trouvé.
Voici le code CSS :
table {
    border-collapse: collpase;
    border-style: hidden;
    border-color: inherit;
}
th {
    font-weight: 400;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

Merci à tous pour votre aide.
Cordialement
0