`` 또는 `` 태그를 사용하지 않고 HTML 목록 글머리 기호에 색상을 지정할 수 있습니까?-CSS 튜토리얼-php.cn

`` 또는 `` 태그를 사용하지 않고 HTML 목록 글머리 기호에 색상을 지정할 수 있습니까?

Mary-Kate Olsen

풀어 주다： 2024-12-10 05:18:12

원래의

728명이 탐색했습니다.

Can I Color HTML List Bullets Without Using `` or `` Tags?

범위 없이 HTML 목록 글머리 기호 색상화

질문:

HTML 목록의 글머리 기호 색상을 범위 없이 수정할 수 있나요? 과 같은 요소를 추가합니다. 또는

태그?

답변:

예, li:before 의사 요소를 사용하여 이를 달성할 수 있습니다:

li {
  list-style: none;
}

li:before {
  /* Use 22 for a round bullet */
  /* Use A0 for a square bullet */
  content: '22';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: green;
  font-size: 20px;
}

로그인 후 복사

<ul>
  <li>foo</li>
  <li>bar</li>
</ul>

로그인 후 복사

이 기술에는

강요. 그러나 특정 제한 사항이 있습니다.

지원되는 브라우저: IE8 이상, Firefox, Chrome
글머리 기호 스타일은 유니코드 문자로 제한됩니다

위 내용은 `` 또는 `` 태그를 사용하지 않고 HTML 목록 글머리 기호에 색상을 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!