Guida completa di come colorare gli elenchi
Colorare un elenco puntato
Per colorare un elenco puntato è sufficente scrivere il CSS:
ul { list-style: none; padding:0; margin:0; } li { padding-left: 1em; text-indent: -.7em; } li:before { content: "•"; padding-right:7px; color: red; /* o qualsiasi altro colore preferisci */ }
Colorare un elenco numerato
In un elenco numerato, per colorare i numeri di un colore che desideri, anche differente dal colore dell’elenco ecco il CSS:
ol li { list-style-type: none; counter-increment: list; position: relative; } ol li:before { content: counter(list) "."; position: absolute; left: -2.5em; width: 2em; text-align: right; color: red; /* o qualsiasi altro colore preferisci */ }
Se ti ha interessato questo articolo, Guida completa di come colorare gli elenchi, forse ti potrà esser d’interesse anche Guida completa per centrare un qualsiasi elemento mediante CSS