CSS ol mit farbigen Nummern

Kommentieren Apr 14 2015

 

.list-numbers {

    counter-reset: item;

    list-style: none;

}

.list-numbers li {

    border-left: 4px solid #adc3dc;

    margin-bottom: 5px;

    padding-left: 5px;

    display: block;

}

.list-numbers li:before {

    content: counter(item) ".";

    counter-increment: item;

    color: #004d9a;

    position: absolute;

    left: 2.5em;

    font-size: 110%;

}



Hierbei ist zu beachten, dass die Farbe angepasst werden muss; den Wert für left; sowie die Schriftgröße.