Nwlapcug.com


Come modificare il colore di proiettile in una lista non ordinata HTML

Normalmente quando si crea una lista non ordinata in HTML, i punti elenco e il testo sia adottare lo stesso colore del testo nella pagina. Se si desidera specificare un colore diverso per i punti elenco in un elenco non ordinato nella tua pagina HTML, è possibile implementare una stringa di codice CSS in HTML per specificare il colore dei proiettili in elenco, nonché il testo nell'elenco.

Istruzioni

1

Aprire il documento HTML che si desidera modificare il colore di proiettile di un elenco non ordinato utilizzando un editor di testo o un editor HTML.

2

Aggiungere il seguente codice tra i "< head >" e "< / head >" tag nella pagina:

< style type = "text/css" >< / stile >

3

Aggiungere il seguente codice tra l'apertura e chiusura tag "< style >" appena inserita nel documento:

UL #colored-proiettili li

{

Color: #FF0000;

}

UL #colored-proiettili li span

{

Color: #000000;

}

Modificare il codice esadecimale del colore HTML che si desidera modificare i punti elenco in un elenco non ordinato di "#FF0000". Modificare "#000000" al codice colore HTML o codice esadecimale del colore della parte di testo dell'elenco. Se non si desidera modificare il testo colori specificare lo stesso colore come l'altro testo nella pagina (il valore predefinito è "#000000").

4

Aggiungere il seguente codice nella pagina dove si desidera visualizzare l'elenco non ordinato:

< ul id = "colore-proiettili" >

</UL >

Specificando l'ID di "color-proiettili" per l'elenco non ordinato, non sono interessati altri elenchi non ordinati nella tua pagina. Aggiungere l'ID di "color-bullets" di qualsiasi elenchi non ordinati per modificare i colori di proiettile per.

5

Aggiungere il codice riportato di seguito per ogni punto elenco che si desidera venga visualizzato nell'elenco, tra il "< ul >" apertura e chiusura tag:

< li >< span > Bullet testo </li >

Questo crea un proiettile nell'elenco. Sostituire "Bullet testo" con il testo del punto elenco. Continuare ad aggiungere il codice sopra riportato per proiettili come molti come si desidera venga visualizzato nell'elenco.

6

Salvare il file e caricarlo sul server.