CSS 입문 | CSS 기본 속성 | CSS 리스트 (list)

<style>
    .circle { list-style-type: circle; }
    .square { list-style-type: square; }
    .upperAlpha { list-style-type: upper-alpha; }
    .lowerRoman { list-style-type: lower-roman; }
</style>

<style>
    .imageMarker { list-style-image: url("/examples/images/img_list_marker.png"); }
</style>

<style>
    .outside { list-style-position: outside; }
    .inside { list-style-position: inside; }
</style>

<style>
    ul { list-style: square inside url("/examples/images/img_list_marker.png"); }
</style>

<style>
    ul { background: #D2691E; padding: 15px; }
    ol { background: #6495ED; padding: 15px; }
    ul li { background: #DEB887; margin: 5px; }
    ol li { background: #00FFFF; margin-left: 15px; }
</style>