일반적으로 목록(리스트)를 사용할때 ol, ul, li 또는 dd, dl 을 사용합니다.
그중에서도 스킨에 잘 적용하는 방법중에 하나가 리스트에 블릿(blit)을 배경이미지로 처리를 합니다.

배경이미지 뿐만 아니라 목록의 여백을 처리할때는 주의할점이 있습니다. 어떨때는 브라우져마다 여백의 차이가 있더라구요. 왜 안되는지 모를때도 있었지요.ㅎㅎㅎ
브라우져마다 여백의 차이가 있기때문에 속성을 초기화시켜줘야 한다는 점입니다.

즉 <ul><li> 를 사용한다면

ul{
margin:0;
padding:0;
list-style:none;
}
/* 이렇게 ul 에서 초기화해주고 li 에서 배경을 적용해줘야 합니다. */
li{
background:url(./images/list.gif) no-repeat 0 0;
padding-left:15px;
}

브라우져마다 특성이 조금씩 차이가 나기 때문에 이런식으로 지정을 해주는것이 좋습니다.
특이나 무서운 ie는 ㅎㅎㅎㅎㅎ

한가지 더 리스트에 블릿을 표시하곤 합니다. 배경으로 사용해서 하는 방법도 있고 그냥 css에서 간단하게 적용하는법도 있습니다.


〔 list-style 〕

하나의 문장내에 목록의 스타일을 지정합니다.
list-style에 사용되는 값
list-style-type : 목록에 사용되는 글머리표의 종류를 설정합니다. 사용 가능한 값은 disc, circle,square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none 입니다.

list-style-position : 글머리표가 목록보다 튀어나오는 효과(outside)나 들어가는 효과(inside)를 설정합니다.
list-style-image : url를 사용하여 글머리표에 이미지를 삽입합니다.


〔 list-style-type 〕

목록의 글머리표나 숫자의 스타일을 지정해줄때 사용합니다.
list-style-type에 사용되는 값

none : 글 머리표 문자가 표시되지 않게 합니다.
disc : 속이 채워진 원 모양을 글 머리표에 사용합니다.
circle : 속이 빈 원 모양을 글 머리표에 사용합니다.
square : 속이 채워진 사각형을 글 머리표에 사용합니다.
decimal : 목록 항목들에 번호를(1,2,3..) 붙여줍니다.
lower-roman : 목록 항목들에 소문자로 된 로마숫자를 붙여줍니다.
upper-roman : 목록 항목들에 대문자로 된 로마숫자를 붙여줍니다.
lowercase-alpha : 목록 항목들에 영문 소문자를 붙여줍니다.
lowercase-alpha : 목록 항목들에 영문 대문자를 붙여줍니다.


〔 list-style-position 〕

목록의 튀어나온 효과, 들어간 효과를 설정합니다.
list-style-position에 사용되는 값
inside : 목록의 내용 왼쪽 여백에 글머리표 문자를 정렬시킵니다.
outsude : 글머리표가 목록 내용들의 왼쪽 여백보다 튀어나오게 설정합니다.


〔 list-style-image 〕

목록의 이미지를 어떤 형태로 사용할지 설정합니다.
list-style-image에 사용되는 값
no image : 상위 요소부터 적용된 이미지의 효과를 없앱니다.
url image : 이미지를 지정함으로써 글머리표에 사용되게 합니다.


한번에 속성 설정하기.

list-style: <list-style-type>|| <list-style-position> || <list-style-image>

예;
list-style: disc inside none;