Cara Melukis Tanda Semak/Tandakan Menggunakan CSS

'elemen bekas dengan ' ID ” atau “ kelas ”:

< div ID = 'tanda semak' >< / div >

Dalam pernyataan HTML di atas, ' div elemen ” telah ditambah dengan id yang diisytiharkan sebagai “ tanda semak ”.

Semasa menggayakan elemen menggunakan sifat CSS, tambahkan “ ID ” untuk merujuk kepada elemen HTML dan kemudian nyatakan sifat di dalamnya:

---

---

#tanda semak
{
mengubah: berputar ( 45 darjah ) ;
ketinggian : 45px;
lebar : 20px;
margin-kiri: lima puluh %;
sempadan-bawah: 9px pepejal darkolivegreen;
sempadan-kanan: 9px pepejal darkolivegreen;
}

Elemen gaya CSS di atas mempunyai sifat berikut:

• ' mengubah: putar (45deg) ” memusingkan garisan menegak dan melintang lurus sedemikian rupa sehingga membentuk simbol tanda.
• ' ketinggian harta ” menetapkan ketinggian simbol tanda kepada “ 45px ”.
• ' lebar 'harta benda membuat simbol' 20px ' lebar.
• ' margin-kiri sifat ” menyelaraskan simbol tanda ke tengah antara muka halaman web.
• Selepas itu, ' sempadan-bawah ” dan “ sempadan-kanan sifat ” menetapkan berat sempadan kedua-dua garisan kepada “ 9px ” dan takrifkan “ darkolivegreen ” warna untuk kedua-dua garisan yang menjadikan simbol semak yang lengkap.

Ini akan mencipta tanda semak ringkas berwarna hijau atau simbol semak yang dipaparkan di tengah antara muka halaman web ' 45px 'tinggi dan' 20px ' lebar:

Kaedah 2: Memasukkan Tanda Semak/Tandakan Menggunakan Aksara Unikod

Terdapat juga beberapa aksara Unicode yang secara automatik memasukkan simbol tanda semak dalam output tanpa perlu menggayakan dan menentukan nilai parameter untuknya. Sebagai contoh, aksara Unicode ' U+2713 ” membantu menambah simbol tanda mudah dalam output. Begitu juga, aksara Unicode ' U+2713 ” membantu memasukkan simbol tanda berat putih dalam output. Untuk mengetahui cara menambah aksara Unicode ini dalam dokumen HTML melalui panduan lengkap, klik di sini .

Kesimpulan

Tanda semak atau simbol semak boleh dilukis dengan mula-mula mencipta elemen HTML dengan id atau kelas dan kemudian menambah id atau pemilih kelas dalam elemen gaya CSS untuk merujuk kepada elemen tersebut. Untuk mencipta bentuk tanda semak/tanda pada antara muka halaman web, sifat CSS yang berbeza seperti “ ketinggian ”, “ lebar ”, “ berputar ” dan “ warna ” boleh digunakan mengikut jenis dan saiz tanda semak yang dikehendaki. Blog ini menunjukkan kaedah untuk melukis tanda semak/tanda menggunakan CSS.