Как сделать кнопку c изображением в HTML?
2 ответа
от
madelyn_hintz ,
2 года назад
Сделать кнопку c изображением в HTML, можно следующим образом:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<head> <style> .click { background: url(./image/12.png); width: 100px; height: 50px; background-size: 100%; } </style> </head> <body> <button class="click">Привет!</button> </body> |
от
christine ,
год назад
@bulah
Чтобы создать кнопку с изображением в HTML, вы можете использовать тег <button> и вложить в него тег <img>. Например, чтобы создать кнопку с изображением "кнопка.png", которое находится в той же директории, что и текущий HTML-документ, вы можете использовать следующий код:
1 2 3 |
<button> <img src="кнопка.png" alt="My button"> </button> |
В данном примере, src атрибут указывает на изображение, которое будет отображено на кнопке, а alt атрибут служит для описания изображения для пользователей, у которых отключен просмотр изображений или для случаев, когда изображение не может быть загружено.
15