Ako nakresliť začiarknutie / začiarknutie pomocou CSS

'kontajnerový prvok s ' id “ alebo „ trieda “:

< div id = 'fajka' < / div >

Vo vyššie uvedenom príkaze HTML je „ div ” prvok bol pridaný s id deklarovaným ako “ fajka “.

Pri úprave štýlu prvku pomocou vlastností CSS pridajte „ id ” na odkazovanie na prvok HTML a potom v ňom špecifikujte vlastnosti:

---

---

#fajka
{
transformovať: otáčať ( 45 stupňov ) ;
výška : 45px;
šírka : 20px;
ľavý okraj: päťdesiat %;
border-bottom: 9px pevné tmavozelené;
border-right: 9px plná tmavozelená;
}

Vyššie uvedený prvok štýlu CSS má nasledujúce vlastnosti:

• ' transformácia: rotácia (45 stupňov) ” otočí rovné zvislé a vodorovné čiary takým spôsobom, že vytvoríte tvar symbolu začiarknutia.
• ' výška Vlastnosť ” nastavuje výšku symbolu začiarknutia na “ 45 pixelov “.
• ' šírka „vlastnosť robí symbol“ 20 pixelov “široký.
• ' ľavý okraj ” zarovná symbol začiarknutia do stredu rozhrania webovej stránky.
• Potom sa „ okraj-dole “ a „ hranica-pravá Vlastnosti nastavujú hrúbku okrajov oboch čiar na hodnotu 9 pixelov “ a definujte „ darkolivegreen ” farba pre oba riadky, ktoré tvoria úplný symbol začiarknutia.

Tým sa vytvorí zelená jednoduchá značka začiarknutia alebo symbol začiarknutia zobrazený v strede rozhrania webovej stránky “ 45 pixelov „vysoké a“ 20 pixelov “široký:

Metóda 2: Vloženie začiarknutia/začiarknutia pomocou znakov Unicode

Existujú aj niektoré znaky Unicode, ktoré automaticky vkladajú symboly značiek do výstupu bez toho, aby ste pre ne museli upravovať a definovať hodnoty parametrov. Napríklad znak Unicode „ U+2713 “ pomáha pridať jednoduchý symbol začiarknutia vo výstupe. Podobne znak Unicode „ U+2713 ” pomáha vložiť do výstupu symbol bieleho ťažkého začiarknutia. Ak sa chcete dozvedieť, ako pridať tieto znaky Unicode do dokumentu HTML prostredníctvom úplného sprievodcu, kliknite tu .

Záver

Začiarknutie alebo symbol začiarknutia je možné nakresliť tak, že najskôr vytvoríte prvok HTML s id alebo triedou a potom pridáte id alebo selektor triedy do prvku štýlu CSS, aby ste na tento prvok odkazovali. Ak chcete vytvoriť tvar začiarknutia/začiarknutia na rozhraní webovej stránky, použite rôzne vlastnosti CSS, ako napríklad „ výška “, “ šírka “, “ točiť sa “ a „ farba “ možno použiť podľa typu a veľkosti začiarknutia, ktoré si želáte. Tento blog demonštruje metódu kreslenia značky začiarknutia/značky pomocou CSS.