Как сделать отступ между картинками в css?
2 ответа
от
angelica.glover ,
2 года назад
@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; /* задаем отступ сверху второй и последующей картинке */ }
15