Comment faire un Red Asterisk en CSS

May 16

Les formulaires Web utilisent parfois des astérisques en rouge pour indiquer un champ obligatoire, tel que «nom» ou «adresse e-mail." Pour changer la mise en forme d'un petit morceau de texte sur une page Web, le lieu "<span>" balises autour du texte et ajoutez un nom de classe afin que vous puissiez cibler dans le code stylesheet. Une classe comme «rouge» peut avoir le code pour changer la couleur du texte, y compris un astérisque. Une fois que vous écrivez le code CSS pour la classe "rouge", vous pouvez réutiliser le même code de durée encore et encore, au besoin.

Instructions

1 Ouvrez votre fichier HTML dans le Bloc-notes ou un éditeur de code. Trouvez votre astérisque dans le code de la page. Si l'astérisque fait partie d'un formulaire Web, vous serez très probablement trouver à côté d'une balise "<input>", parfois dans "<label>" tags.

2 Enveloppez votre astérisque dans une paire de "<span>" tags. Ajouter un nom de classe de "rouge" pour les tags:

<Span class = "red"> * </ span>

Vous pouvez le faire pour autant de astérisques que vous avez besoin de faire rouge.

3 Trouver la "<style>" balises dans la tête de votre code HTML ou les ajouter:

<Style type = "text / css">
</ Style>

4 Ecrire une règle de style pour la classe "rouge". A l'intérieur de la règle de style, définir la "couleur" à la propriété "rouge":

<Style type = "text / css">
.rouge {

color: red;

}
</ Style>

Vous pouvez également utiliser "# FF0000" au lieu de "rouge" si vous préférez les codes de couleur hexadécimal.

Conseils et avertissements

  • Sauvegardez vos pages Web avant de les éditer, dans le cas où vous faites une erreur et ne peut pas le traquer.

          

Post a comment: