rounded-md: Tailwind CSS Border Radius class

The rounded-md class in Tailwind CSS applies a medium border-radius to all corners of an element

rounded-md

The rounded-md class in Tailwind CSS applies a medium border-radius to all corners of an element. It offers a subtle but noticeable curve, often used in buttons, cards, inputs, and containers for a clean, modern look.

Syntax

html
<div class="rounded-md">...</div>

Example Code

html
<div class="bg-white p-4 shadow rounded-md">
  This box has medium-rounded corners using Tailwind CSS.
</div>

Preview

This box has medium-rounded corners using Tailwind CSS.

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates
Learn more about Windframe