Tailwind basic border និង radius

នៅក្នុងមេរៀននេះយើងសិក្សាខ្លះអំពី border, style នៃ border និង radius ចំពោះ radius នេះក្នុង tailwindCSS គេហៅ rounded

border

<div class="mt-3 border">border</div>
<div class="mt-3 border-2">border-2</div>
<div class="mt-3 border-4 border-pink-200">border-4 border-pink-200</div>
<div class="mt-3 border-y-4">border-y-4</div>
<div class="mt-3 border-x-4 border-emerald-300">border-x-4</div>
<div class="mt-3 border-b-4 border-blue-300">border-b-4</div>

Radius

<div class="mt-3 border-2 rounded">border-2 rounded</div>
<div class="mt-3 border-2 rounded-lg">border-2 rounded-lg</div>
<div class="mt-3 border-2 rounded-xl">border-2 rounded-xl</div>
<div class="mt-3 border-2 rounded-2xl">border-2 rounded-2xl</div>
<div class="mt-3 w-36 h-36 bg-pink-200 rounded-full">rounded-full</div>