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:

Table avec des coins arrondis
Table ascii - Guide
Table des matières word - Guide
Table des annexes word ✓ - Forum Word
Table des matières et table des annexes - Forum Word
Table des matières avec annexes numérotées A1, A2 - Forum Word

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

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

Création du sommaire sous Word

insérer une table d'illustration

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

Sommaire + Table des matières + Table des Annexes