Check out our free templates made with AI and polished to perfection in Windframe

Get now

border-4: Tailwind CSS Border Width class

The border-4 class applies a thick 4px border to an element.


Border-4

The border-4 class applies a thick 4px border to an element.

Example Code

html
<div
class="flex flex-col justify-center items-center gap-2 p-3 rounded-t-md bg-gray-50"
>
<p class="text-gray-600 font-bold">Bottom Border</p>
<div
class="border-4 bg-gray-300 border-indigo-500 p-4 w-40 text-gray-700 font-semibold"
>
border-4
</div>
</div>

Preview

Bottom Border

border-4

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