Design et Ressources

Générateur CSS de tab-pills

Générez du CSS pour des onglets ronds en forme de pilules.

Catégorie

Design et Ressources

Générateur CSS de tab-pills

tabssegmented controlcssui

Sortie

Générateur de Tab Pills CSS

.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;
}

En direct Aperçu

Live canvas