02 Мар Кнопка на CSS с атрибутом Download для скачивания документов
Как сделать кнопку для скачивания документов без их предварительного архивирования?
Бывает нужно выложить документ на сайте для скачивания не запаковывая его в архив, но в этом случае браузер просто откроет его в новом окне.
Пример кнопки:
Скачать что-нибудь
При наличии атрибута ``download`` браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.
Стили кнопки download:
Код кнопки для вставки на страницу с атрибутом «download»:
Если размещать несколько кнопок рядом, то они могут слипаться друг с другом так как тег <a> это строчный элемент и padding и margin тут не помогут, нужно обернуть кнопку в <div> и сделать отступы например с таким классом:
Если ещё подключить иконки FontAwesome, то в итоге получим что-то вроде этого:
Enjoy!
Нет комментариев