Чтобы сместить картинку в CSS, можно использовать свойство margin для элемента <img> или для родительского элемента, который содержит изображение.
Например, чтобы сместить картинку влево на 20 пикселей, можно использовать следующий CSS-код:
img {
margin-left: 20px;
}
Чтобы сместить картинку вверх на 10 пикселей и влево на 20 пикселей, можно использовать такой CSS-код:
img {
margin-top: -10px;
margin-left: -20px;
}
Если нужно сместить картинку только внутри блока, в котором она находится, можно использовать свойство position и задать позицию relative для блока, а затем сместить картинку при помощи свойства left и/или top. Пример CSS-кода:
.container {
position: relative;
}
img {
position: absolute;
left: 20px;
top: 10px;
}
Этот код смещает картинку в левый верхний угол блока с классом container.
Будьте осторожны с использованием отрицательных значений для margin или position, так как это может повлиять на отображение других элементов на странице.





