Bordure et arrondi
Leçon 5 sur 8 du cours Projet CSS - Bouton stylisé de Coddy.
L'élément button en HTML possède une bordure par défaut, personnalisons-la !
Pour créer une bordure arrondie, utilisez la propriété border-radius (utilisez les mêmes valeurs que pour padding ou margin), par exemple :
#rounded {
border-radius: 8px;
}Pour supprimer entièrement la bordure, vous pouvez la remplacer en utilisant :
#no-border {
border: none;
}Astuce : si vous réglez le
border-radiussur une valeur élevée, il prendra une forme de cercle !
Défi
FacileTâches :
- Modifiez le border radius pour qu'il soit supérieur à 0
- Modifiez la bordure pour qu'elle soit différente de la valeur par défaut
Essayez vous-même
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>