Как закрепить картинку в CSS

Чтобы закрепить картинку на странице в CSS, можно использовать свойство position со значением fixed. Таким образом, картинка будет оставаться на месте даже при прокрутке страницы.

Вот пример CSS стилей для закрепления картинки:

img {
  position: fixed;
  top: 0;
  left: 0;
}

Здесь свойство position устанавливает положение элемента на странице, fixed зафиксирует картинку на месте. Свойства top и left задают расположение картинки относительно верхнего левого угла страницы.

Если нужно задать отступы от краев страницы, можно использовать дополнительные свойства right, bottom и margin.

img {
  position: fixed;
  top: 20px;
  right: 20px;
  margin-top: 20px;
  margin-right: 20px;
}

В этом примере картинка будет закреплена в правом верхнем углу страницы с отступом 20 пикселей от верхнего и правого краев. Отступы устанавливаются с помощью свойства margin. Свойства right и bottom задают отступы от правого и нижнего краев страницы соответственно.

Конкретные значения свойств нужно подбирать в зависимости от требований дизайна.