Utilisation CSS Bords Arrondis
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:
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:
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:
1 2 3 4 5 6 7 8
| <table cellspacing="1" cellpadding="1" border="1" width="200">
<tbody>
<tr>
<td class="css arrondi"> </td>
<td class="css arrondi"> </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.