Как сделать обводку картинки в 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 в соответствии с вашими потребностями, чтобы создать стильную обводку для ваших изображений.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

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

Наш специалист свяжется с вами в ближайшее время и уточнит детали