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.