Tailwind CSS 목록 스타일 마커 예

이 섹션에서는 tailwind css에서 목록 스타일 마커를 볼 수 있습니다. Tailwind CSS를 사용하여 tailwind 목록 글머리 기호 색상, 숫자 목록 색상, 사용자 지정 목록 스타일 색상을 볼 수 있습니다.
view

예 1

tailwind 마커 클래스를 사용하는 tailwind css 목록 글머리 기호 색상입니다.

<ul class="pl-5 space-y-3 text-gray-600 list-disc marker:text-blue-600">
  <li>Tailwind CSS list style with marker class 1</li>
  <li>Tailwind CSS list style with marker class 2</li>
  <li>Tailwind CSS list style with marker class 3</li>
</ul>

예 2

tailwind 마커 클래스를 사용하는 tailwind css 목록 스타일 번호 색상.

<ul class="pl-5 space-y-3 text-gray-600 list-decimal marker:text-purple-600">
  <li>Tailwind CSS list style with marker class 1</li>
  <li>Tailwind CSS list style with marker class 2</li>
  <li>Tailwind CSS list style with marker class 3</li>
</ul>

예 3

tailwind 마커를 사용하는 tailwind css 목록 스타일 사용자 정의 색상.

<ul class="pl-5 space-y-3 text-gray-600 list-disc marker:text-[#ff0000]">
  <li>Tailwind CSS list style with marker custom color </li>
  <li>Tailwind CSS list style with marker custom color </li>
  <li>Tailwind CSS list style with marker custom color </li>
</ul>