Здесь создадим ссылку для скачивание, где по правой стороне закрепим изображение, по которому можно понять, что эта ссылка предназначена для скачивание файлов на сайте или блоке. С добавление стилей выставим небольшое изображение, какое оно будет, здесь вам решать, главное эта сама ссылка, где не чего сложного нет, но на сайте совершенно по другому смотреться от стандартной.
HTML
Обычная ссылка:
Код
<a href="#">Обычная ссылка без изображение</a>
Ссылка с картинкой стилями:
Код
<a href="#" skachat_archive >Ссылка скачать с картинкой</a>
CSS
Код
a[skachat_archive]::after {
content: url(http://zornet.ru/ABVUN/Abaavag/Abaskun/download.png); /* Выводим картинку */
vertical-align: sub; /* Выравнивание по вертикали */
padding-left: 5px; /* Расстояние от текста до картинки */
}
Эти 2 ссылки по своему аналогичны, поэтому с помощью CSS стилистики можно выделить ссылки для скачивания, добавив к ним картинку.
