Доверьте продвижение нам

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

от 29 920 
от 1 499 098 

Как сместить картинку в CSS

Views Icon1

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

Поделиться:

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.