Kā uzzīmēt atzīmi/ķeksīti, izmantojot CSS

' konteinera elements ar ' id ” vai “ klasē ”:

< div id = 'atzīme' >< / div >

Iepriekš minētajā HTML paziņojumā ' div 'elements ir pievienots ar id, kas deklarēts kā ' atzīme ”.

Veidojot elementu, izmantojot CSS rekvizītus, pievienojiet ' id ” atlasītāju, lai atsauktos uz HTML elementu, un pēc tam tajā norādītu rekvizītus:

---

---

#atzīme
{
pārveidot: pagriezt ( 45 grādi ) ;
augstums : 45 pikseļi;
platums : 20 pikseļi;
margin-kreisais: piecdesmit %;
apmale-apakšā: 9 pikseļi, vienkrāsains tumši zaļš;
apmale pa labi: 9 pikseļi, vienkrāsains tumši zaļš;
}

Iepriekš minētajam CSS stila elementam ir šādas īpašības:

• ' pārveidot: pagriezt (45 grādi) ” pagriež taisnās vertikālās un horizontālās līnijas tādā veidā, kas veido atzīmes simbola formu.
• ' augstums rekvizīts iestata atzīmes simbola augstumu uz “ 45 pikseļi ”.
• ' platums 'īpašums padara simbolu ' 20 pikseļi ' plašs.
• ' piemale-kreisais ” īpašums pielīdzina atzīmes simbolu tīmekļa lapas saskarnes centram.
• Pēc tam ' robeža-apakša ' un ' robeža-labā ” rekvizīti iestata abu rindu apmales svaru uz “ 9 pikseļi ' un definējiet ' tumši zaļš ” krāsa abām līnijām, kas veido pilnu atzīmes simbolu.

Tādējādi tīmekļa lapas saskarnes centrā tiks parādīta zaļa vienkārša atzīme vai atzīmes simbols. 45 pikseļi 'augsts un' 20 pikseļi ' plašs:

2. metode. Atzīmes/atķeksītes ievietošana, izmantojot unikoda rakstzīmes

Ir arī dažas unikoda rakstzīmes, kas automātiski ievieto atzīmes simbolus izvadē, tām nav nepieciešams veidot stilu un definēt parametru vērtības. Piemēram, unikoda rakstzīme ' U+2713 ” palīdz izvadē pievienot vienkāršu atzīmes simbolu. Līdzīgi unikoda rakstzīme ' U+2713 ” palīdz izvadē ievietot balto smagā ķeksīša simbolu. Lai uzzinātu, kā pievienot šīs unikoda rakstzīmes HTML dokumentā, izmantojot pilnu rokasgrāmatu, noklikšķiniet uz šeit .

Secinājums

Atzīmes vai atzīmes simbolu var uzzīmēt, vispirms izveidojot HTML elementu ar id vai klasi un pēc tam pievienojot id vai klases atlasītāju CSS stila elementā, lai atsauktos uz šo elementu. Lai tīmekļa lapas saskarnē izveidotu atzīmes/atzīmes formu, izmantojiet dažādus CSS rekvizītus, piemēram, “ augstums ”, “ platums ”, “ pagriezt ' un ' krāsa ” var izmantot atbilstoši vēlamās atzīmes veidam un izmēram. Šajā emuārā ir parādīta metode, kā zīmēt atzīmi/ķeksīti, izmantojot CSS.