Utilisation CSS Bords Arrondis

**cg2604** · 22/12/2019, 19h54

Bonsoir,

Je souhaite utiliser une fonction css bords arrondis que j'ai créé pour une page spécifique de mon site Internet. Je n'arrive malheureusement à faire fonctionner la feuille de style sur cette page.

Voici le code de mon CSS :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.css arrondi
{
padding: 20px;
background: #D5D5D5;
border: 3px solid #000000;
border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px
box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000;
-webkit-box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000;
}

Je souhaite appliquer cette feuille de style sur un tableau pour obtenir des colonnes à bords arrondis. L'URL de ma page est la suivante :
http://www.socios-gfca.com/trasfirimenti-121,1.html

J'ai déclaré mon CSS au début de mon code HTML :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<p><style type="text/css" media="all">
.css arrondi{
padding: 20px; background: #D5D5D5; border: 3px solid 000000; border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000; -webkit-box-shadow: 0px 10px 13px -7px #000000, 15px 15px 8px -7px #000000;}
</style></p>

Puis je l'applique à mon tableau :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<table cellspacing="1" cellpadding="1" border="1" width="200">
                <tbody>
                    <tr>
                        <td class="css arrondi">&nbsp;</td>
                        <td class="css arrondi">&nbsp;</td>
                    </tr>
                </tbody>
            </table>

Mais cela n'a aucun effet sur mon tableau et donc mes colonnes je ne comprends pas !!!.

J'espère que vous allez pouvoir m'aider rapidement.
Bonnes fêtes à tous.