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

Pill Badge CSS مولد

إنشاء pill badge CSS style.

الإدخال

Pill Badge CSS مولد

badgepillcssui

الإخراج

Pill Badge CSS Generator

.pill-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 12px;
  background: #dcfce7;
  color: #16a34a;
  font-size: 13px;
}

أدوات مشابهة

لون محول

Convert between HEX, RGB, و HSL لون لـmats.

CSS Gradient مولد

إنشاء a linear gradient و copy the CSS instantly.

Favicon مولد

Create a simple SVG favicon من initials و brو لونs.

SVG Optimizer

Strip comments و collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments و extra whitespace.

CSS منسق

Pretty-print CSS مع readable indentation.