rounded-t-lg

The rounded-t-lg class belongs to the border radius group within the borders category.

Example Usage

Here is an example of how to use rounded-t-lg:

<div class='h-12 w-12 bg-gray-100 border-2 border-solid border-white rounded-t-lg'></div>

Resulting CSS

border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;

Other Border radius Classes

roundedrounded-2xlrounded-3xlrounded-fullrounded-lgrounded-mdrounded-nonerounded-smrounded-xlrounded-brounded-b-2xlrounded-b-3xlrounded-b-fullrounded-b-lgrounded-b-mdrounded-b-none
View other Borders classesView all Border radius classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!