Nwlapcug.com


Come fare un colore diverso di asterischi in HTML

Come fare un colore diverso di asterischi in HTML


Asterischi richiamano la vostra attenzione alle informazioni su una pagina Web. È possibile utilizzare gli asterischi con testo o creare elenchi puntati all'interno di un elenco. Il tag < LI > gestisce gli elenchi in formato HTML e supporta dischi, quadrati e cerchi. Poiché gli asterischi non sono supportati in elenchi puntati, è possibile utilizzare un elemento grafico per un asterisco colorato. Se non si sta inserendo l'asterisco in un elenco, puoi formattarlo come testo in una pagina Web e colore in codice HTML.

Istruzioni

Immagine obbligatorio

1

Aprire il file HTML che si desidera modificare in un editor di testo come blocco note, Textpad o EditPad.

2

Aggiungere il seguente codice tra i tag < HEAD > per creare uno stile per l'immagine di asterisco. Sostituire "myAsterisk.gif" con il nome dell'elemento grafico colorato asterisco.

< style type = "text/css" >

<!...

li {

text-indent: 5px;

list-style-posizione: esterno;

list-style-image:URL('myAsterisk.gif');

}

-->

< / stile >

3

Aggiungere il seguente codice dopo il tag < BODY > dove va l'elenco puntato:

< ul >

< li > mia prima linea </li >

< li > mia seconda linea </li >

</UL >

Nessuna immagine necessaria: Opzione 1

4

Aprire il file HTML che si desidera modificare in un editor di testo come blocco note, Textpad o EditPad.

5

Aggiungere il seguente codice tra i tag < HEAD > per creare uno stile per l'immagine di asterisco. Sostituire "rosso" con il colore corretto che si desidera applicare:

< style type = "text/css" >

<!...

.myColor {color: red;}

-->

< / stile >

6

Aggiungere il seguente codice tra i tag < BODY > dove appare l'asterisco colorato:

< span class = "myColor" > * < / span >

Nessuna immagine necessaria: Opzione 2

7

Aprire il file HTML che si desidera modificare.

8

Scorrere fino al tag < BODY > dove andrà l'asterisco.

9

Aggiungere il codice seguente per l'asterisco di colore rosso. Per utilizzare un colore diverso, sostituire "rosso" con il colore che si desidera utilizzare:

< span style = "color: red;" > * < / span >