Bagaimana untuk membuat: Cincin

Belajar bagaimana untuk menggunakan CSS untuk membuat cincin.

Cincin boleh digunakan untuk menambah maklumat tambahan kepada elemen/kandungan:

Penggeser tajuk contoh Baru

Penggeser tajuk contoh Baru

Penggeser tajuk contoh Baru

Penggeser tajuk contoh Baru

亲自试一试

Bagaimana untuk membuat cincin

Langkah pertama - Tambahkan HTML:

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

Langkah kedua - Tambahkan CSS:

.badge {
  warna latar: merah;
  warna: putih;
  keluarkan: 4px 8px;
  text-align: center;
  border-radius: 5px;
}

亲自试一试