Как убрать отступы у картинки по бокам в css?

Question

Код html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>31three</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script type="text/javascript">
        (function() {
            var preload = document.getElementById("preloader");
            var loading = 0;
            var id = setInterval(frame, 64);

        function frame() {
            if (loading == 100) {
        clearInterval(id);
            } else {
            loading = loading + 1;
            if (loading == 90) {
          preload.style.opacity = "0";
        }
      }
    }
  })();
    </script>

</head>
<body>

    <img id="one" src="pictures/one.jpg">

</body>
</html>

Код css

body {
    background-color: purple;
}

В css ничего такого ещё не писал, потому что столкнулся с такой проблемкой и решил ничего пока что не нагружать, чтобы легче было понять другом код

Изображение, где показаны отступы Масштаб сделан по умолчанию, у меня всегда 100

Answer 1

Есть решение вашей проблемы:

Допишите в теге вашей картинки следующее: <img id="one" src="pictures/one.jpg" class="picture1"> также можете удалить id, оно вам не понадобится
В файле css пишем следующее: (Сверху css, внизу html)

.picure1{
  margin: 0;
  padding: 0;
}

<img src="https://encrypted-tbn0.gstatic.com/imagesq=tbn:ANd9GcQrUtWlQnnCmf2kIAQ3IFemxc_c_D4T3qtHwQ&usqp=CAU" class="picure1">

(Добавляем стиль фото здесь, ширину высоту и т.д) }

Надеюсь помог вам. Если остануться вопросы или код не работает, пишите Хорошего дня!

БЛОГ НА HUSL

Как убрать отступы у картинки по бокам в css?

Ответы (1 шт):