정렬되지 않은 HTML 목록

순서가 지정되지 않은 목록은 <ul> 태그로 시작합니다. 각 목록 항목은 <li> 태그로 시작합니다.

 

목록 항목은 기본적으로 글 머리 기호 (작은 검은 색 원)로 표시됩니다.

 

예

<ul>

  <li> 커피 </ li>

  <li> 차 </ li>

  <li> 밀크 </ li>

</ ul>

 

 

정렬되지 않은 HTML 목록 - 목록 항목 마커 선택

CSS list-style-type 속성은 목록 항목 마커의 스타일을 정의하는 데 사용됩니다.

 

[옵션]

disc 목록 항목 마커를 글 머리 기호로 설정합니다 (기본값).

circle 목록 항목 마커를 원으로 설정합니다.

square 목록 항목 마커를 사각형으로 설정합니다.

none 목록 항목이 표시되지 않습니다.

 

예 - disc

<ul style = "list-style-type : disc">

  <li> 커피 </ li>

  <li> 차 </ li>

  <li> 밀크 </ li>

</ ul>

 

예 - circle

<ul style = "list-style-type : circle">

  <li> 커피 </ li>

  <li> 차 </ li>

  <li> 밀크 </ li>

</ ul>

 

예 - square

<ul style = "list-style-type : square">

  <li> 커피 </ li>

  <li> 차 </ li>

  <li> 밀크 </ li>

</ ul>

 

예 - none

<ul style = "list-style-type : none">

  <li> 커피 </ li>

  <li> 차 </ li>

  <li> 밀크 </ li>

</ ul>