Как сделать обводку картинки в css

Чтобы создать обводку (border) для изображения в CSS, можно использовать свойство border.

Например, чтобы создать обводку для картинки, можно использовать следующий код:

HTML:

<img src="image.jpg" class="image-border">

CSS:

.image-border {
  border: 2px solid #ccc; /* добавляем обводку */
  border-radius: 5px; /* задаем скругление углов обводки */
}

В данном примере мы добавляем класс image-border для изображения, которому нужна обводка.

Затем, мы используем свойство border, которое позволяет добавить обводку для элемента. Мы устанавливаем толщину обводки в 2 пикселя и цвет #ccc.

Также мы задаем скругление углов обводки с помощью свойства border-radius. Значение 5px определяет скругление для всех четырех углов обводки.

Настраивайте свойства border и border-radius в соответствии с вашими потребностями, чтобы создать стильную обводку для ваших изображений.

Поделиться в: