Ouvrez le fichier CSS et tapez la commande suivante:
.borderone {
border-width: 1px;
border-style: solid;
border-color: purple;
}
Cela crée une classe qui fait, une frontière solide violet qui est un pixel d'épaisseur.
Tapez la commande suivante:
.bordertwo {
border-width: épaisseur;
border-style: double;
}
Cette classe utilise la valeur d'épaisseur prédéfinie de la largeur au lieu de prévoir une taille en pixels. Vous pouvez également utiliser «mince» ou «moyen».
Tapez la commande suivante:
.borderthree {
border-style: parsemée solide;
border-color: rouge jaune;
}
Cette classe utilise deux valeurs pour chacune des propriétés de style et de couleur, en alternant les deux entre le haut, droite, bas et gauche. Dans cet exemple, les faces supérieure et inférieure de la frontière sont en pointillés et rouge, tandis que les côtés droit et gauche sont solides et jaune.
Tapez la commande suivante:
.borderfour {
border-top-width: 10px;
top-border-style: précipita;
top-border-color: blue;
border-right; largeur: 15px;
droit de la frontière, le style: double;
droit de la frontière; couleur: jaune;
border-bottom-width: 3px;
border-bottom-style: pointillé;
border-bottom-color: red;
border-left; largeur: 1px;
border-left; style: solide;
la bordure gauche; couleur: vert;
}
Cette classe définit chaque propriété possible de la frontière séparément, en utilisant une largeur différente, le style et la couleur pour chaque côté de la frontière.
Tapez la commande suivante:
.borderfive {
border: 3px noir solide;
}
Cette classe utilise la propriété border raccourci pour définir chaque attribut border dans une propriété et applique les mêmes valeurs de chaque côté de la frontière. Le border-style est implicite dans le cadre de la propriété. Cette propriété vous oblige à définir les propriétés dans la largeur, le style, l'ordre des couleurs, mais vous pouvez omettre largeur et la couleur si vous ne voulez pas de les définir.
Enregistrez le fichier CSS.