Как добавить скруглённые уголки к картинке?
Чтобы получить изображение не с прямыми, а со скруглёнными уголками, к селектору img следует добавить свойство border-radius со значением, определяющим радиус скругления. В примере 1 этот радиус задан как 10 пикселей. К каждому <img> для наглядности добавлена рамка, которая повторяет контур изображения.
Пример 1. Использование border-radius
Результат данного примера показан на рис. 1.
Рис. 1. Изображения со скруглёнными уголками
См. также
Автор и редакторы
Последнее изменение: 28.09.2018
Редакторы: Влад Мержевич