Tailwind CSS Borders: Basic Examples

Default Border

This div has a default 1px border on all sides.

Class used: border

Specific Side Border

This div has a 4px top border in blue.

Classes used: border-t-4 border-blue-500

Colored Border

This div has a 2px red border on all sides.

Classes used: border-2 border-red-500

Mixed Borders

This div has different borders on each side.

Classes used: border-t-2 border-green-500 border-b-4 border-purple-600 border-l border-yellow-400 border-r-8 border-pink-500