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> #div1 { border-radius: 25px; couleur-de-fond: #D74444; padding: 20px; largeur: 200px; hauteur: 150px; } #div2 { border-radius: 25px; bordure: 2px solide #D74444; padding: 20px; largeur: 200px; hauteur: 150px; } #div3 { border-radius: 25px; image-de-fond: url(paper.gif); position-arrière-plan: gauche haut; background-repeat: repeat; padding: 20px; largeur: 200px; hauteur: 150px; } </style> </head> <body> <h1>La propriété border-radius</h1> <p>Coins arrondis pour un élément avec une couleur de fond :</p> <div id="div1">Coins arrondis !</div> <p>Coins arrondis pour un élément avec une bordure :</p> <div id="div2">Coins arrondis !</div> <p>Coins arrondis pour un élément avec une image de fond :</p> <div id="div3">Coins arrondis !</div> </body> </html>