Как изменить расстояние между картинками в css?
2 ответа
от
madelyn_hintz ,
2 года назад
@jeromy_ruecker Изменить расстояние между картинками в css можно через padding-left :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> img { width: 100px; padding-left: 30px; } </style> </head> <body> <div> <img src="image/1.jpeg" /> <img src="image/1.jpeg" /> </div> </body> </html> |
от
ciara ,
год назад
@jeromy_ruecker
Чтобы изменить расстояние между картинками в CSS, можно использовать свойство margin. Например, чтобы создать отступы в 10 пикселей между картинками, нужно добавить следующий CSS-код:
img { margin: 10px; }
Если нужно задать отступы только между определенными картинками, то можно выбрать их с помощью селектора и добавить свойство margin:
img:nth-child(2n) { margin-right: 20px; }
Этот код добавит отступ в 20 пикселей между каждой второй картинкой.
15