위에 글 머리 기호가있는 항목 나열

Question

CSS를 사용하여 다음과 같이 텍스트 상단에 목록 항목 <li>의 글 머리 기호를 사용할 수 있습니까? 배경 이미지로

Answer 1

사용 총알 :

니스

ul { 
    list-style-type: none; 
    padding: 0; 
    text-align: center; /* Optional, Just for demo */ 
} 

ul li { 
    background: url(path/to/bullet.ext) center top no-repeat; 
    display: inline-block; /* <-- display list items in one line */ 
    padding-top: 10px;  /* <-- Change this according to the image size */ 
    /* Or: */ 
    /* padding: 10px 5px 0;  */ 
    /*   top r&l bottom */ 
} 

JSBin Demo