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> p.normal { bordure: 2px solide rouge; padding: 5px; } p.round1 { bordure: 2px solide rouge; border-radius: 5px; padding: 5px; } p.round2 { bordure: 2px solide rouge; border-radius: 8px; padding: 5px; } p.round3 { bordure: 2px solide rouge; border-radius: 12px; padding: 5px; } </style> </head> <body> <h2>La propriété border-radius</h2> <p>Cette propriété est utilisée pour ajouter des bordures arrondies à un élément :</p> <p class="normal">Normal border</p> <p class="round1">Bordure arrondie</p> <p class="round2">Bordure arrondie</p> <p class="round3">Bordure la plus arrondie</p> </body> </html>