Рассмотрим обозначения. Для наглядности они выделены разными цветами.
Красный (алый) — адрес изображения. Зелёный — ширина (width) и высота (height) изображения. Голубой — толщина обводки вокруг изображения. Синий — стиль обводки вокруг изображения. Оранжевый — цвет обводки вокруг изображения. Сиреневый — радиус закругления углов.
Все коды, представленные далее, идентичны.
В них меняются те же значения, которые я расписала в коде — HTML овал.
HTML обычное скругление углов
HTML полукруг
HTML круг
HTML цилиндр
HTML капля (скругленные три края)
HTML яйцо (для изображений, где высота больше ширины)
В работе использованы иллюстрации художника Льва Бартенева.
Про свойства стилей, которые являются обводкой (рамкой) для изображений (точечная, пунктирная, двойная линия и т. д.) я писала здесь Рамка вокруг изображения