Come fare un asterisco rosso in CSS

April 26

moduli Web a volte usano asterischi rossi per indicare un campo obbligatorio, come ad esempio "nome" o "indirizzo email". Per modificare la formattazione di un piccolo pezzo di testo su una pagina Web, luogo "<span>" tag intorno al testo e aggiungere un nome di classe in modo da poter indirizzare nel codice foglio di stile. Una classe come "rosso" può avere il codice per modificare il colore del testo, compreso un asterisco. Una volta che si scrive il codice CSS per la classe "rosso", è possibile riutilizzare più e più volte lo stesso codice arco, a seconda delle necessità.

istruzione

1 Aprire il file HTML in Blocco note o un editor di codice. Trova il tuo asterisco nel codice della pagina. Se l'asterisco fa parte di un modulo Web, è molto probabile che trovate accanto ad un tag "<input>", a volte all'interno "<label>" tag.

2 Avvolgete il vostro asterisco in un paio di "<span>" tag. Aggiungere un nome di classe di "rosso" per i tag:

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

Si può fare questo per il maggior numero di asterischi, come è necessario fare rossa.

3 Trovare il "<style>" tag nella testa del codice HTML o aggiungerli:

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

4 Scrivi una regola di stile per la classe "rosso". All'interno della regola di stile, impostare la proprietà "colore" a "rosso":

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

color: red;

}
</ Style>

È inoltre possibile utilizzare "# ff0000" invece di "rosso", se si preferisce codici colore esadecimali.

Consigli e avvertenze

  • Eseguire il backup le pagine Web prima di loro modifica, nel caso in cui si commette un errore e non è possibile rintracciarlo.