Comment faire pour coiffer une étiquette de formulaire avec css

Pour le style des éléments d`étiquetage de la façon dont ils apparaissent dans l`image dans l`introduction, vous devez utiliser l`élément d`étiquette avec le "pour" attribut. En outre, vous devez fermer l`élément d`étiquette avant d`ajouter l`élément lui-même "d`entrée". Le code HTML pour le formulaire complet dans le montre l`illustration.

Pour le style des éléments d`étiquetage, je faisais les étiquettes affichent comme éléments de niveau bloc, qui ont été flottaient à la gauche. Ensuite, j`ai assigné une largeur aux étiquettes de sorte que les champs d`entrée seraient tous une distance uniforme loin des étiquettes. J`ai assigné une couleur et fait le texte en gras. J`ai utilisé le contenu généré pour ajouter deux points (:) après l`étiquette. (Le côlon peut ne pas apparaître dans tous les navigateurs.)

Voici le CSS:

label {

color: # B4886B-
font-weight: hardiesse
bloc de visualisation-
largeur: 150px;
float: left;

}
label: after {content: ":"}

Juste pour l`exhaustivité, je vais aussi vous montrer le CSS utilisé pour le style de la fieldset, étant donné que les éléments d`étiquetage sont entourés par un fieldset bordé.

Voici que le CSS:

fieldset {

border: 1px solid # CCA383-
largeur: 400px;
background: # FFE8EF-
padding: 3px;

}
légende fieldset {

background: # CCA383-
padding: 6px;
font-weight: hardiesse

}

Vous pouvez faire beaucoup d`autres choses à coiffer les éléments d`étiquetage. Mon exemple est juste une façon de le faire.