Закруглить рамки (бордер)
Закруглить границы можно через класс .rounded.
<div class="flex flex-wrap">
<div class="rounded">Элемент 1</div>
<div class="rounded">Элемент 2</div>
<div class="rounded">Элемент 3</div>
</div>
Результат:
Также можно задать уровень закругления:
Поддерживается много значений для закругления. Полный список можно посмотреть на официальном сайте Tailwind CSS.
Полностью закруглить
Если блок надо закруглить полностью, это делается через класс .rounded-full.
<img src="path.webp" alt="" class="rounded-full">
Результат:
Поддержать автора
Все статьи создаются и поддерживаются одним человеком,
если вам нравится контент, вы можете поддержать автора сайта