Рамка вокруг картинки CSS

Чтобы добавить рамку для изображения с помощью CSS можно использовать свойство border, в качестве значения нужно указать толщину рамки, ее стиль и цвет. Стили рамки можно посмотреть на странице генератора границ блока CSS, а так же настроить там нужную рамку и скопировать уже готовый код.

Пример

HTML


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

CSS


.image-border {
    border: 10px solid #56382d; /* Ширина,  стиль и цвет рамки */
}