แบบชิ้นงานของเครื่องหมายสัญญาณ

เรียนรู้ว่าจะใช้ CSS ทำเครื่องหมายสัญญาณ

เครื่องหมายสัญญาณสามารถใช้เพื่อเพิ่มข้อมูลเพิ่มเติมให้กับองค์ประกอบ/เนื้อหา:

Example heading New

Example heading New

Example heading New

Example heading New

亲自试一试

แบบชิ้นงานของฝาย

ขั้นที่ 1 - เพิ่ม HTML:

<span class="badge">New</span>

ขั้นที่ 2 - เพิ่ม CSS:

.badge {
  background-color: แดง;
  color: ขาว;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
{}

亲自试一试