Diseño y Recursos

Tab Pills CSS Generador

Generar rounded tab pill CSS.

Más herramientas de Diseño y Recursos

Entrada

Tab Pills CSS Generador

tabssegmented controlcssui

Salida

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

Herramientas relacionadas

Pill Badge CSS Generador

Generar pill badge CSS style.

Accordion CSS Generador

Generar accordion panel CSS.

Avatar Stack CSS Generador

Generar overlapping avatar stack CSS.

Border Radius Generador

Generar border-radius CSS desde corner values.

Floating Label Input CSS Generador

Generar floating label input CSS.

Focus Ring CSS Generador

Generar accessible focus-ring CSS.