Tailwind CSS: Border Examples

1. Basic All-Around Border

This div has a default 1px solid border in slate-500. (`border border-slate-500`)

2. Different Border Widths

This div has a 2px border. (`border-2 border-blue-500`)
This div has a 4px border. (`border-4 border-green-500`)
This div has an 8px border. (`border-8 border-purple-500`)

3. Different Border Colors

This div has a red-500 border. (`border-2 border-red-500`)
This div has a yellow-400 border. (`border-2 border-yellow-400`)
This div has a teal-600 border. (`border-2 border-teal-600`)

4. Border Styles (Bonus)

Dashed border. (`border-4 border-dashed border-indigo-500`)
Dotted border. (`border-4 border-dotted border-pink-500`)