border-gray-700

The border-gray-700 class belongs to the border color group within the borders category.

Example Usage

Here is an example of how to use border-gray-700:

<div class='h-12 w-12 bg-gray-100 border-2 border-solid border-gray-700  '></div>

Resulting CSS

--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));

Other Border color Classes

border-eborder-amber-100border-amber-200border-amber-300border-amber-400border-amber-50border-amber-500border-amber-600border-amber-700border-amber-800border-amber-900border-amber-950border-blackborder-blue-100border-blue-200border-blue-300
View other Borders classesView all Border color 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!