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.