2017-06-09 13 views
7

1は、CSSリストの弾丸)t 2)3)

1)Loremのイプサムのニンジン、強化されたリベート

2)Loremのイプサムのニンジンを使用して弾丸のこのタイプを必要とします。拡張リベート

3)Loremのイプサムのニンジン、強化されたリベート

いずれかがこのことについて考えを持っていますか?

答えて

15

使用CSSカウンター。カウンタインクリメントCSSプロパティは、指定した値によってCSSカウンタの値を増加するために使用されます。カウンタ値は、カウンタリセットCSSのプロパティを使用してリセットすることができます。この

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

おかげで仲間を試してみてください。それは)私を形成する魔法のようなものです –

関連する問題