CSS как настроить картинки

Для настройки картинок в CSS можно использовать следующие свойства:

1. background-image — задает фоновое изображение для элемента.

Пример:

div {
  background-image: url("image.jpg");
}

2. width и height — задают ширину и высоту изображения.

Пример:

img {
  width: 200px;
  height: 150px;
}

3. object-fit — задает способ заполнения контейнера изображением.

Пример:

img {
  object-fit: cover;
}

4. border — задает границу для изображения.

Пример:

img {
  border: 1px solid black;
}

5. filter — задает эффекты для изображения.

Пример:

img {
  filter: grayscale(100%);
}