Как настроить скругление углов элемента без видимой границы?

Чтобы настроить скругление углов элемента без видимой границы, можно использовать свойство border-radius. 14 Оно сработает, даже если у блока не задана явная рамка. 1

Чтобы увидеть результат работы свойства, нужно задать фоновую заливку или картинку блоку, к которому применяется закругление углов. 1 Также можно использовать рамку или фон для родительского элемента. 1

Для управления радиусом закругления каждого угла в отдельности можно использовать свойства: 1

• border-top-left-radius — радиус закругления для левого верхнего угла; 1
• border-top-right-radius — радиус закругления для правого верхнего угла; 1
• border-bottom-right-radius — радиус закругления для правого нижнего угла; 1
• border-bottom-left-radius — радиус закругления для левого нижнего угла. 1

Ещё один вариант — сочетать border-radius с box-shadow. 2 Например, для создания скруглённых границ элемента, у которого отсутствует свойство outline-radius. 2