07-4 목록 스타일

웹 사이트에서 자주 등장하는 메뉴 항목은 대부분 목록과 링크를 결합하여 만듦.

여기에  CSS를 적용하여 훨씬 멋진 사이트 메뉴가 됨.

 

>>> 불릿 모양과 번호 스타일을 지정하는 list-style-type 속성

 

>>> 불릿 대신 이미지를 사용하는 list-style-image 속성

[기본형] list-style-image: <url(이미지 파일 경로)> | none

 

>>>  목록을 들여 쓰는 list-style-position 속성

[기본형] list-style-position: inside | outside;

 

>>> 목록 속성을 한꺼번에 표시하는 list-style 속성

list-style 속성을 사용하면 지금까지 설명한 list-style-type, list-style-image, list-style-position 속성

예시) ul { list-style-type: none; } => ul { list-style: none; }