html 특정 문자가있는 목록?

Question

큰 기호 또는 내가 선택한 기호를 사용하여 정렬되지 않은 목록을 스타일링하는 방법이 있습니까?

\> one 
\> two 
\> three 


♦ one 
♦ two 
♦ three 

url()을 사용하지 않습니까?

Answer 1

사용 리 :

<style> 
ul { list-style: none; } 
li:before { content: '> '} 
</style> 
<ul> 
<li>xyz</li> 
</ul> 

Answer 2

전에 당신이 완전히 BTB을 그것을 어떻게 기존의 대답을, 업 modded하게. $length이 비트 맵 목록 항목 마커의 총 폭

li { 
    list-style-type: none; 
    margin-left: 0; 
    padding-left: $length; 
    background-image: url($image); 
    background-repeat: no-repeat; 
} 

... : 그것은 IE 6 ~ 7에서 작업하려면, 당신은 당신의 원하는 항목 마커를 래스터 화하고 대신 다음과 같은 일을 할 필요가 목록 항목과 배경 이미지 사이에 원하는 음수 공간. 차례로 $image은 래스터 화 된 마커의 유효한 URI입니다. background-position 값이 바람직 할 수도 있습니다.

도 (위에서 사용 된 모든 속성의 작업을 수행) list-style-image있다, 그러나 그것은 하나의 매우 큰주의를 운반 : 당신이 이미지 주위 원하는 부정적인 공간 이미지에 공급 될 필요가 요구하는 함정의 몫을 가지고 있습니다.

마지막으로 background 속기 속성을 사용할 수없는 이유는 없습니다. 단, 약식 속성에 할당 된 값은 모든 값이 존재하지 않는 한 예기치 않은 방식으로 해석되기 때문에 그 - 및 그 동반 물인 font을 사용하지 마십시오.