Comment créer une bordure pour un div - CSS ?

Par : TutorialsGrey, le 19 Décembre 2023

Pour créer une bordure pour un élément div en CSS, vous pouvez utiliser la propriété border. Voici un exemple de création d'une bordure pour un élément div :

div {
  border: 1px solid black;
}

 

Dans cet exemple, la propriété border est définie à 1px solid black. Voyons ce qu'il en est :

  • 1px correspond à l'épaisseur de la bordure. Vous pouvez ajuster cette valeur pour rendre la bordure plus ou moins épaisse.
  • solid spécifie le style de la bordure. Les autres styles de bordure possibles sont les suivants : dotted, dashed, double etc.
  • black représente la couleur de la bordure. Vous pouvez utiliser des noms de couleurs, des codes HEX, des valeurs RGB ou toute autre représentation valide des couleurs.

 

En appliquant ce CSS à un élément div, vous créerez une bordure autour de celui-ci. N'hésitez pas à personnaliser les valeurs de la propriété border pour obtenir l'épaisseur, le style et la couleur souhaités pour votre bordure.