정보실

웹학교

정보실

css CSS Counter

본문

HTML :

<ul>
  <li>List item</li>
  <li>List item</li>
  <li>List item
    <ul>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    </ul>
  
  </li>
</ul>


CSS : 

li{list-style-type:none;}

ul {
  counter-reset: counter;
}

li::before {
  counter-increment: counter;
  content: counters(counter, '.') ' ';
}


Result :


1222557700eee188c3b36633c8dfea28_1528939245_8192.png
 



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 75회 ]  작성일18-06-14 10:20
css

웹학교