Kako narisati kljukico/kljukico z uporabo CSS

' element vsebnika z ' id « ali » razred ”:

< div id = 'kljukica' >< / div >

V zgornjem stavku HTML je » div » je bil dodan element z ID-jem, deklariranim kot » kljukica ”.

Med oblikovanjem elementa z lastnostmi CSS dodajte » id ” za sklicevanje na element HTML in nato določite lastnosti v njem:

---

---

#kljukica
{
transformacija: vrtenje ( 45 stopinj ) ;
višina : 45 slikovnih pik;
premer : 20 slikovnih pik;
rob-levo: petdeset %;
obroba-spodnja: 9px polna temno živozelena;
obroba-desno: 9px polna temno živozelena;
}

Zgornji element sloga CSS ima naslednje lastnosti:

• ' transformacija: zasukaj (45 stopinj) ” zasuka ravne navpične in vodoravne črte tako, da naredi obliko simbola kljukice.
• ' višina lastnost nastavi višino simbola kljukice na ' 45 slikovnih pik ”.
• ' premer ' lastnost naredi simbol ' 20 slikovnih pik ” širok.
• ' rob-levo ” lastnost poravna simbol kljukice na sredino vmesnika spletne strani.
• Po tem je ' obroba-spodnja « in » meja-desna lastnosti nastavijo težo obrobe obeh vrstic na ' 9px « in definirajte » temnozelena ” barva za obe vrstici, ki tvorita popoln simbol kljukice.

To bo ustvarilo preprosto zeleno kljukico ali simbol kljukice, prikazan na sredini vmesnika spletne strani “ 45 slikovnih pik 'visoko in' 20 slikovnih pik ” široko:

2. način: Vstavljanje kljukice/kljukice z uporabo znakov Unicode

Obstaja tudi nekaj znakov Unicode, ki samodejno vstavijo simbole kljukic v izpis, ne da bi jim bilo treba oblikovati in definirati vrednosti parametrov. Na primer, znak Unicode ' U+2713 ” pomaga dodati preprost simbol kljukice v izhodu. Podobno znak Unicode ' U+2713 ” pomaga vstaviti simbol bele debele kljukice v izpis. Če želite izvedeti, kako dodati te znake Unicode v dokument HTML prek celotnega vodnika, kliknite tukaj .

Zaključek

Kljukico ali kljukico lahko narišete tako, da najprej ustvarite element HTML z ID-jem ali razredom in nato dodate izbirnik ID-ja ali razreda v element sloga CSS, ki se nanaša na ta element. Če želite ustvariti obliko kljukice/kljukice na vmesniku spletne strani, uporabite različne lastnosti CSS, kot je » višina ”, “ premer ”, “ vrteti « in » barva ” lahko uporabite glede na vrsto in velikost kljukice, ki jo želite. Ta spletni dnevnik prikazuje metodo risanja kljukice/kljukice s pomočjo CSS.