본문 바로가기
웹코딩 배우기/· CSS

CSS 목록

by 닐기 2019. 11. 7.

 

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

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

 

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

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

 


- css에서 사용 방범

 

 


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

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

 

 


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

 


 

- 목록 한줄에 다 쓰기

list-style: 모양 위치 주소

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

 


 

- background-color 이용하기