Чтобы сместить картинку в 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
, так как это может повлиять на отображение других элементов на странице.