Изображение кнопки не отображается

Я только учусь использовать Django и HTML, и я столкнулся с такой проблемой, что мое изображение не отображается на кнопке, я не понимаю, что это за ошибка, и я буду благодарен, если кто-нибудь поможет мне ее исправить

<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   button {
    background-image: url("/main/static/main/img/i.jpg");
    padding-left: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    width: 320px;
    height: 320px;
   }
  </style>
 </head>
 <body>
  <button></button>
 </body>
</html>

<button>
    <img src=path />
</button>

будет простым решением? Это зависит от того, как вы хотите его отобразить. В виде кнопки и внутри изображения или просто изображение, на которое можно нажать? Ваш путь к изображению должен существовать где-то, откуда он может его взять. EDIT: Если у вас есть браузер Firefox, вы можете увидеть в консоли (нажав F12 на клавиатуре) сообщение об ошибке, которое поможет вам определить источник проблемы. Я попробовал ваш код с другим путем к изображению и он работает, только изображение не центрируется ни вертикально, ни горизонтально

Вернуться на верх