2017-06-09 30 views
7

1 potrzebują tego typu pociski za pomocą CSSLista pociski typu 1) t 2) 3)

1) marchew lorem ipsum, ulepszone rabaty

2) marchew lorem ipsum; zwiększone rabaty

3) Lorem ipsum marchew, ulepszone rabaty

ktoś ma pomysł na ten temat?

Odpowiedz

15

liczniki użycie CSS. Właściwość CSS licznik przyrostu służy do zwiększania wartości liczników CSS przez daną wartość. Wartość licznika można skasować za pomocą właściwości CSS counter-reset. Spróbuj tego

ol { 
 
    counter-reset: item; 
 
    list-style-type: none; 
 
} 
 

 
ol li:before { 
 
    content: counter(item) ")"; 
 
    padding-right: 5px; 
 
    counter-increment: item 
 
}
<ol> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li> 
 
</ol>

+0

dzięki brachu. To jest jak magia tworzą mnie) –