w3.css

목록의 글머리 기호 색상 변경

CSS를 사용하여 목록의 글머리 기호 색상을 변경하는 방법을 알아보자.

글머리 기호 색상 변경

::selection 선택기를 사용하여 기본 텍스트 선택 색상을 재정의한다.

1단계) HTML 추가

기본 목록을 만들자.

<ul>
  <li>Adele</li>
  <li>Agnes</li>
  <li>Billy</li>
  <li>Bob</li>
</ul>

2단계) CSS 추가

::marker 선택기를 사용하여 목록 항목의 글머리 기호 색상을 변경한다.

li::marker {
  color: red;
}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기