Design et Ressources

Tab Pills CSS Générateur

Générer rounded tab pill CSS.

Plus dans Design et Ressources

Entrée

Tab Pills CSS Générateur

tabssegmented controlcssui

Sortie

Tab Pills CSS Generator

.tab-pills {
  display: inline-flex;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  background: #e0f2fe;
}

.tab-pills .tab {
  padding: 8px 16px;
  border-radius: 8px;
  color: #2563eb;
}

.tab-pills .tab.active {
  background: #2563eb;
  color: #e0f2fe;
}

Live preview

Live canvas

Outils similaires

Pill Badge CSS Générateur

Générer pill badge CSS style.

Accordion CSS Générateur

Générer accordion panel CSS.

Avatar Stack CSS Générateur

Générer overlapping avatar stack CSS.

Border Radius Générateur

Générer border-radius CSS de corner values.

Floating Label Input CSS Générateur

Générer floating label input CSS.

Focus Ring CSS Générateur

Générer accessible focus-ring CSS.