Cum să desenezi o bifă/bifă folosind CSS

” element container cu un „ id ” sau un ” clasă ”:

< div id = 'bifează marcajul' >< / div >

În declarația HTML de mai sus, un „ div elementul ” a fost adăugat cu id-ul declarat ca „ bifează marcajul ”.

În timp ce stilați elementul folosind proprietățile CSS, adăugați un „ id ” selector pentru a se referi la elementul HTML și apoi a specifica proprietățile din interiorul acestuia:

---

---

#bifează marcajul
{
transforma: roti ( 45 de grade ) ;
înălţime : 45px;
lăţime : 20px;
margine-stânga: cincizeci %;
chenar-jos: 9px solid verde închis;
chenar-dreapta: 9px solid verde închis;
}

Elementul de stil CSS de mai sus are următoarele proprietăți:

• „ transformare: rotire (45 de grade) ” rotește liniile verticale și orizontale drepte în așa fel încât să facă forma unui simbol bifă.
• „ înălţime Proprietatea ” setează înălțimea simbolului bifă la ” 45px ”.
• „ lăţime „proprietatea face simbolul „ 20px ” larg.
• „ margine-stânga ”proprietatea aliniază simbolul bifă la centrul interfeței paginii web.
• După aceea, „ chenar-de jos ' și ' granita-dreapta Proprietățile ” setează greutatea marginii ambelor linii la ” 9px ” și definiți „ verde-închis ” culoare pentru ambele linii care formează un simbol complet de bifă.

Aceasta va crea o bifă simplă de culoare verde sau un simbol de bifă afișat în centrul interfeței paginii web „ 45px „înalt și „ 20px „lată:

Metoda 2: inserarea unei bifă/bifări utilizând caractere Unicode

Există, de asemenea, unele caractere Unicode care inserează automat simbolurile marcajului în ieșire fără a fi nevoie să stilizeze și să definească valorile parametrilor pentru ele. De exemplu, caracterul Unicode „ U+2713 ” ajută la adăugarea unui simbol simplu bifă în ieșire. În mod similar, caracterul Unicode „ U+2713 ” ajută la inserarea simbolului de căpușă albă grea în rezultat. Pentru a afla cum să adăugați aceste caractere Unicode într-un document HTML printr-un ghid complet, faceți clic Aici .

Concluzie

O bifă sau un simbol de bifă poate fi desenat creând mai întâi un element HTML cu un id sau o clasă și apoi adăugând selectorul de id sau de clasă în elementul de stil CSS pentru a se referi la acel element. Pentru a crea forma unei bifă/bifă pe interfața paginii web, diferite proprietăți CSS precum „ înălţime ”, “ lăţime ”, “ roti ' și ' culoare ” poate fi folosit în funcție de tipul și dimensiunea bifului dorit. Acest blog demonstrează metoda de a trasa o bifă/bifă folosind CSS.