CSS 9. Lists (ul, ol 등 목록의 아이템 마커를 다루는 방법)

ul {list-style-type:circle;}

ul {list-style-type:square;}

ol {list-style-type:upper-roman;}

ol {list-style-type:lower-alpha;}

ul {list-style-image:url('square.gif'); }

※ upper: 대문자, lower: 소문자

※ 각 브라우저별로 다르게 표시되는 것을 아래와 같은 방법으로 같게 만들어 준다 (crossbroser solution)

<style>

ul {

list-style-type:none;

padding:0px;

margin:0px;

}

ul li {

background-image:url('square.gif');

background-repeat:no-repeat;

background-position:opx 5px;

padding-left:14px;

}

</style>