Badge/Tag CSS Generator

Generate CSS badge and tag styles with live preview.

13.3Kuses

8.2/10(387)

NewFeaturedSalev2.0Beta

BG:

Text:

Outline style

Font Size12px

Padding X10px

Padding Y4px

Border Radius12px

Font Weight600

CSS Code

.badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  background: #6366f1;
  border-radius: 12px;
}

Recommended Products

📖Web Design BooksShop →🎨Color Reference GuidesShop →✏️Drawing TabletsShop →🎨Design SoftwareShop →🖥️Monitor CalibratorsShop →💻Laptop StandsShop →🖱️Wireless MouseShop →🔌USB-C HubShop →👓Blue Light GlassesShop →🖥️Desk PadShop →

Affiliate Disclosure: As an Amazon Associate, ToolBird earns from qualifying purchases. Links above are affiliate links — if you buy through them, we may earn a small commission at no extra cost to you.

Disclaimer: This tool is provided as-is for informational and educational purposes only.