Как применить иконки к ссылкам с помощью CSS?

Question

Мне было интересно, как я могу добавить изображения в ссылки с помощью CSS, совместимого с браузерами FF, IE и Opera?

Answer 1

Установите фон для значка ссылки, а отступ для ширины значка.

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 в 0, а затем заполнение левой стороны тега