HTML에서 낮은 알파벳 번호 매기기와 오른쪽 괄호를 사용하여 순서가 지정된 목록을 만드는 방법은 무엇입니까?

HTML의 사용자 정의 목록 스타일: 순서가 지정된 목록에 대한 오른쪽 괄호

낮은 알파벳 번호 매기기를 사용하여 순서가 지정된 목록을 만드는 방법은 무엇입니까? 기본값 대신 괄호 dot?

해결책:

CSS 카운터를 활용하는 독특한 솔루션은 다음과 같습니다.

ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

HTML 예:

<span>custom list style type (v1):</span>
<ol>
  <li>Number 1</li>
  <li>Number 2</li>
  <li>Number 3</li>
  <li>Number 4</li>
  <li>Number 5</li>
  <li>Number 6</li>
</ol>

이 방법을 사용하면 목록을 원하는 대로 맞춤 설정할 수 있습니다. 목록 번호 뒤에 원하는 문자를 설정하려면 "content" 속성을 조정하기만 하면 됩니다.

위 내용은 HTML에서 낮은 알파벳 번호 매기기와 오른쪽 괄호를 사용하여 순서가 지정된 목록을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!