Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> .button { background-color: #D74444; bordure: aucune; couleur: blanc; padding: 15px 32px; text-align: center; text-decoration: none; afficher: inline-block; taille de police: 16px; marge: 4px 2px; curseur: pointeur; durée-de-transition: 0.4s; } .button1 {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);} .button2:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);} </style> </head> <body> <h2>Boutons d'ombre</h2> <p>Utilisez la propriété box-shadow pour ajouter des ombres aux boutons :</p> <button class="button button1">Bouton d'ombre</button> <button class="button button2">Ombre au survol</button> </body> </html>