13. HTML/CSS _ List

1.List : 리스트

• 형태 :
  <ol>
  <li> 값1 </li>
  <li> 값2 </li>
  <li> 값3 </li>
  <li> 값4 </li>
  <li> 값5 </li>
  </ol>

• ol : ordered list --> li의 내용을 숫자를 달아준다.

  

• ul : 숫자 대신 .을 달아준다.

  

2.List 스타일

1) list-style

• ul { list-style: 값 }
• 예) ul { list-style: none; } --> 숫자나 점을 없앤다.

2) 리스트의 스타일

• li:first-child { ... } : 첫번째 리스트 스타일 지정
• li:last-child { ... } : 마지막 리스트 스타일 지정
• li:nth-child(odd) { ... } : 홀수 리스트 스타일 지정
• li:nth-child(even) { ... } : 짝수 리스트 스타일 지정