التصميم والموارد

Tab Pills CSS مولد

إنشاء rounded tab pill CSS.

المزيد من التصميم والموارد

الإدخال

Tab Pills CSS مولد

tabssegmented controlcssui

الإخراج

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

أدوات مشابهة

Pill Badge CSS مولد

إنشاء pill badge CSS style.

Accordion CSS مولد

إنشاء accordion panel CSS.

Avatar Stack CSS مولد

إنشاء overlapping avatar stack CSS.

Border Radius مولد

إنشاء border-radius CSS من corner values.

Floating Label Input CSS مولد

إنشاء floating label input CSS.

Focus Ring CSS مولد

إنشاء accessible focus-ring CSS.