Table avec des coins arrondis

Résolu

chabinot Messages postés 391 Statut Membre -
chabinot Messages postés 391 Statut Membre - 28 nov. 2017 à 08:23

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

Afficher la suite

1 réponse

chabinot Messages postés 391 Statut Membre 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

Table avec des coins arrondis

1 réponse

Discussions similaires

Newsletters