Tailwind CSSBeginner
Borders & Border Radius
Tailwind-এ border, border-width, border-color, border-radius — বর্ডার utilities বাংলায়।
8টি অংশবাংলা ভাষায়
Border Width
<div class="border">1px border (default)</div>
<div class="border-2">2px border</div>
<div class="border-4">4px border</div>
<div class="border-t-2">শুধু top border</div>Border Color
<div class="border border-gray-300">Default gray border</div>
<div class="border border-red-500">Red border</div>
<div class="border-2 border-blue-600">Blue border</div>Border Radius
| Class | মান |
|---|---|
| rounded-none | 0px |
| rounded-sm | 2px |
| rounded | 4px |
| rounded-md | 6px |
| rounded-lg | 8px |
| rounded-xl | 12px |
| rounded-2xl | 16px |
| rounded-3xl | 24px |
| rounded-full | 9999px (circle) |
<div class="rounded-lg border p-4">Corners rounded</div>
<div class="rounded-full bg-blue-500 w-12 h-12">Circle</div>
<div class="rounded-t-lg">শুধু top corners</div>Card তৈরি
rounded-lg bg-white p-6 shadow-md — এই তিনটি class দিয়েই একটি সুন্দর card তৈরি করা যায়!
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।