Table avec des coins arrondis

Résolu/Fermé

chabinot Messages postés 322 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2024 - 28 nov. 2017 à 07:23
chabinot Messages postés 322 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2024 - 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

A voir également:

1 réponse

Réponse 1 / 1

chabinot Messages postés 322 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2024 16
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

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Intégrer une table des annexes et des matières sur word

Création du sommaire sous Word

insérer une table d'illustration

Sommaire + Table des matières + Table des Annexes