Hvordan Endre Bullet Color i en HTML uordnet liste

Vanligvis når du oppretter en uordnet liste i HTML, kuler og tekst både bruke samme farge som teksten på siden. Hvis du ønsker å spesifisere en annen farge for kulene i en uordnet liste i HTML-siden, kan du implementere en streng med CSS-kode i HTML for å angi fargen på kulene i listen, samt teksten i listen.

Bruksanvisning

1 Åpne HTML-dokumentet du ønsker å endre den kule fargen på en uordnet liste ved hjelp av et tekstredigeringsprogram eller HTML editor.

2 Legg til følgende kode mellom "<head>" og "</ head>" koder på siden:

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

3 Legg til følgende kode mellom åpning og lukking "<style>" koder du bare satt inn i dokumentet:

ul # farget-kuler li

{

color: # FF0000;

}

ul # farget-kuler li span

{

color: # 000000;

}

Change "# FF0000" til HTML heksadesimale fargekode som du ønsker å endre kulene i en uordnet liste til. Change "# 000000" til HTML fargekode eller heksadesimal fargekode på tekstdelen av listen. Hvis du ikke vil at teksten å endre farger angi samme farge som den andre teksten på siden (standard er "# 000000").

4 Legg til følgende kode inn på siden der du vil ha sorterte liste skal vises:

<Ul id = "farget-kuler">

</ Ul>

Ved å angi "farget-kuler" ID for sorterte liste, andre sorterte lister på siden din påvirkes ikke. Legg den "fargede-kuler" ID til alle sorterte lister du ønsker å endre kule farger for.

5 Legg til følgende kode for hvert punkt du vil skal vises i listen, mellom "<ul>" åpning og lukking koder:

<Li> <span> Bullet Text </ li>

Dette skaper en kule i listen. Erstatt "Bullet tekst" med teksten i kulen. Fortsett å legge koden ovenfor for så mange kuler som du ønsker skal vises i listen.

6 Lagre filen og laste den opp til serveren din.