CSS 목록

 

목록은 ul, ol, li 태그를 사용한다. 3태그는 함께 사용가능하다.

html 목록 태그와 사용 방법이 99.99% 동일하다. 다음글을 참고하자.

 

2019/10/15 - [웹코딩 어려워/· HTML] - HTML 목록

2019/10/15 - [웹코딩 어려워/· HTML] - HTML 목록 2

 

---

- css에서 사용 방범

 

See the Pen Untitled by nilgi (@nilgi) on CodePen.

---

- list-style-position: inside; / outside;

목록 마크 위치를 글의 외부, 내부에 표시할 수 있다.

 

See the Pen Untitled by nilgi (@nilgi) on CodePen.

---

- list-style-type: none; 마크 표시하지 않기.

 

---

 

- 목록 한줄에 다 쓰기

list-style: 모양 위치 주소

list-style: square inside url("image.gif");

 

---

 

- background-color 이용하기

 

See the Pen 목록 배경 by nilgi (@nilgi) on CodePen.