CSS를 사용하여 링크에 아이콘을 적용하는 방법은 무엇입니까?

Question

FF, IE 및 Opera 브라우저에서 호환되는 CSS를 사용하여 링크에 이미지를 추가하는 방법이 궁금합니다.

Answer 1

왼쪽을 0 좌표.

a { 
    padding-left: 10px; 
    background: transparent url(link_icon.png) no-repeat center left; 
} 

Answer 2

background-image을 링크에 추가하십시오.

여백, 패딩 및 background-position을 사용하여 배경 이미지가 표시되는 위치를 변경할 수 있습니다.

Answer 3

a { 
    display:block; 
    width:10px; 
    height:10px; 
    background:url(/images/image.png) 0 top; 
    padding-left:5px 
    } 

배경 위치는 X 패드에게 다음 링크 아이콘의 배경 및 아이콘의 폭으로 패딩을 설정하는 태그