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
