Kako nacrtati kvačicu/kvačicu koristeći CSS

' element spremnika s ' iskaznica ' ili ' razreda ”:

< div iskaznica = 'Kvačica' >< / div >

U gornjoj HTML izjavi, ' div ” dodan je element s ID-om deklariranim kao „ Kvačica ”.

Dok stilizirate element koristeći CSS svojstva, dodajte ' iskaznica ” selektor za upućivanje na HTML element i zatim specificiranje svojstava unutar njega:

---

---

#Kvačica
{
transformirati: rotirati ( 45 stupnjeva ) ;
visina : 45 px;
širina : 20 px;
margin-lijevo: pedeset %;
rub-bottom: 9px puna tamnozelena;
border-desno: 9px puna tamnozelena;
}

Gornji element CSS stila ima sljedeća svojstva:

• ' transformacija: zakreni (45 stupnjeva) ” rotira ravne okomite i vodoravne crte na način da čini oblik simbola kvačice.
• ' visina ” svojstvo postavlja visinu simbola kvačice na “ 45 px ”.
• ' širina ' svojstvo čini simbol ' 20 px ” širok.
• ' margin-lijevo ” svojstvo poravnava simbol kvačice sa središtem sučelja web stranice.
• Nakon toga, ' granica-dno ' i ' granica-desno ” svojstva postavljaju težinu granice obje linije na “ 9px ' i definirajte ' tamnozelena ” boja za obje linije koje čine potpuni simbol kvačice.

Ovo će stvoriti jednostavnu oznaku zelene boje ili simbol kvačice prikazan u središtu sučelja web stranice “ 45 px 'visoka i' 20 px ” širok:

Metoda 2: Umetanje kvačice/kvačice pomoću Unicode znakova

Postoje i neki Unicode znakovi koji automatski umeću simbole kvačica u izlaz bez potrebe za stiliziranjem i definiranjem vrijednosti parametara za njih. Na primjer, Unicode znak ' U+2713 ” pomaže dodati jednostavan simbol kvačice u izlazu. Slično, Unicode znak ' U+2713 ” pomaže u umetanju simbola bijele kvačice u izlaz. Da biste saznali kako dodati ove Unicode znakove u HTML dokument kroz potpuni vodič, kliknite ovdje .

Zaključak

Kvačica ili simbol kvačice mogu se nacrtati tako da se prvo stvori HTML element s id-om ili klasom, a zatim doda selektor id-a ili klase u element CSS stila koji se odnosi na taj element. Da biste stvorili oblik kvačice/kvačice na sučelju web stranice, različita CSS svojstva poput ' visina ”, “ širina ”, “ rotirati ' i ' boja ” može se koristiti prema vrsti i veličini kvačice koju želite. Ovaj blog demonstrira metodu crtanja kvačice/kvačice pomoću CSS-a.