Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> .button { couleur-de-fond: #D74444; bordure: aucune; couleur: blanc; padding: 20px; text-align: center; text-decoration: none; afficher: inline-block; taille de police: 16px; marge: 4px 2px; curseur: pointeur; } .button1 {border-radius: 2px;} .button2 {border-radius: 4px;} .button3 {border-radius: 8px;} .button4 {border-radius: 12px;} .button5 {border-radius: 50%;} </style> </head> <body> <h2>Boutons arrondis</h2> <p>Ajoutez des coins arrondis à un bouton avec la propriété border-radius :</p> <button class="button button1">2px</button> <button class="button button2">4px</button> <button class="button button3">8px</button> <button class="button button4">12px</button> <button class="button button5">50%</button> </body> </html>