List

각 텍스트 한줄마다 앞에 숫자/점이 붙고, 기본적으로 padding-left: 40px이 있음

1. ordered list, ol

<ol> //ordered list

    <li>밥먹기</li>   //list item

    <li>공부하기</li>

</ol>

 

결과

1. 밥먹기

2. 공부하기

 

만약 1. 2. 가 싫다면

<ol type="a">로 하면 a. b.

<ol type="A">로 하면 A. B.

<ol type="i">로 하면 i. ii.

<ol type="I">로 하면 I. II. 

<ol type="1">로 하면 1. 2.

 

2. unordered list, ul

번호나 알파벳대신

• 밥먹기
• 공부하기

처럼 동그라미 리스트가 됨

 

3. 꾸미기

list-style: none;

점이든 숫자든 없어짐

list-style-type: square;

하면 동그라미가 네모가 됨