Как сделать отступ между картинками в css?

Пользователь

от jorge , в категории: HTML/CSS , 3 года назад

Как сделать отступ между картинками в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от angelica.glover , 3 года назад

@jorge  Сделать отступ между картинками в CSS можно через padding :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<head>
<style>
        img{
            width: 100px;
            padding: 30px;
        }
    </style>
  </head>
  <body>
    <div class="img">
        <img src="image/11.jpeg">
        <img src="image/12.png">
        <img src="image/13.jpeg">
    </div>
  </body>

Пользователь

от jensen , год назад

@jorge 

Для создания отступа между картинками в CSS можно использовать свойство margin, которое задает внешние отступы элемента. Например:


img { margin: 10px; /* задаем отступ в 10 пикселей со всех сторон */ }


Если нужно задать отступ только между картинками, то можно использовать селектор для выбора всех картинок, кроме первой, и добавить отступ только снизу:


img:not(:first-child) { margin-top: 10px; /* задаем отступ сверху второй и последующей картинке */ }