الـ Borders & Radius & Shadows في Tailwind

<div class="border border-2 border-4">...</div>

<div class="border border-gray-300">...</div> <div class="border border-red-500">...</div>

<div class="border-t">...</div> <!-- Top --> <div class="border-b">...</div> <!-- Bottom --> <div class="border-l">...</div> <!-- Left --> <div class="border-r">...</div> <!-- Right -->

<div class="rounded-sm">Small Radius</div> <div class="rounded">Default</div> <div class="rounded-lg">Large</div> <div class="rounded-full">Circle</div>

<div class="shadow-sm">Small Shadow</div> <div class="shadow">Default</div> <div class="shadow-lg">Large Shadow</div> <div class="shadow-xl">Extra Large</div> <div class="shadow-2xl">Huge</div> <div class="shadow-inner">Inner Shadow</div>