css 제목 H2,3,4 태그 자동번호 매기기
문단이나 단원 등의 제목을 만들고 H2, H3, H4 태그를 적용하게 되는데 이때 순차적으로 번호를 지정하지 않더라도 자동으로 번호가 매겨지도록 CSS 속성을 적용할 수 있습니다. H2 태그 번호 적용하기 .entry-content { counter-reset: h2counter; } 티스토리 북클럽 스킨의 경우 본문 내용이 적용되는 태그에 클래스 명이 'entry-content'으로 되어있는데 'counter-reset' 속성을 추가해 주고 속성값으로 h2counter와 같이 적당한 이름을 지정합니다. .entry-content h2::before { counter-increment: h2counter; content: counter(h2counter) "."; } 가상 요소 속성을 추가하여 번호를 붙..
2022. 12. 28.