Sujet Précédent Sujet Suivant

Table avec des coins arrondis

Résolu/Fermé
chabinot
Messages postés
282
Date d'inscription
mardi 10 novembre 2015
Statut
Membre
Dernière intervention
15 mai 2022
 - 28 nov. 2017 à 07:23
chabinot
Messages postés
282
Date d'inscription
mardi 10 novembre 2015
Statut
Membre
Dernière intervention
15 mai 2022
 - 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

1 réponse

Réponse 1 / 1
chabinot
Messages postés
282
Date d'inscription
mardi 10 novembre 2015
Statut
Membre
Dernière intervention
15 mai 2022
 15
28 nov. 2017 à 08:23
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