CSS Border Generator
Generate CSS borders with live preview, per-side control, and presets
Side
Width
Style
Color #000000
Radius
All
CSS
border: 1px solid #000000; border-radius: 8px;
Examples
| Preview | Name | Category | Apply |
|---|---|---|---|
| Card | UI Components | ||
| Button | UI Components | ||
| Input | UI Components | ||
| Badge | UI Components | ||
| Avatar | UI Components | ||
| Tag | UI Components | ||
| Dashed | Decorative | ||
| Dotted | Decorative | ||
| Double | Decorative | ||
| Inset | Decorative | ||
| Bottom only | Decorative | ||
| Left accent | Decorative | ||
| Rainbow | Gradient | ||
| Sunset | Gradient | ||
| Ocean | Gradient | ||
| Mint | Gradient |