Table avec des coins arrondis [Résolu]

chabinot 81 Messages postés mardi 10 novembre 2015Date d'inscription 11 décembre 2017 Dernière intervention - 28 nov. 2017 à 07:23 - Dernière réponse : chabinot 81 Messages postés mardi 10 novembre 2015Date d'inscription 11 décembre 2017 Dernière intervention
- 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 
81Messages postés mardi 10 novembre 2015Date d'inscription 11 décembre 2017 Dernière intervention

1 réponse

Répondre au sujet
chabinot 81 Messages postés mardi 10 novembre 2015Date d'inscription 11 décembre 2017 Dernière intervention - 28 nov. 2017 à 08:23
0
Utile
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
Commenter la réponse de chabinot