So zeichnen Sie ein Häkchen/Häkchen mit CSS

” Containerelement mit einem „ Ausweis ' oder ein ' Klasse “:

< div Ausweis = 'Häkchen' >< / div >

In der obigen HTML-Anweisung ist ein „ div ”-Element wurde mit der als “deklarierten id” hinzugefügt Häkchen “.

Fügen Sie beim Gestalten des Elements mit den CSS-Eigenschaften ein „ Ausweis ”-Selektor, um auf das HTML-Element zu verweisen und dann Eigenschaften darin anzugeben:

---

---

#Häkchen
{
transformieren: drehen ( 45 Grad ) ;
Höhe : 45px;
Breite : 20px;
linker Rand: fünfzig %;
Rand unten: 9px solide dunkelolivgrün;
Rand rechts: 9px solide dunkelolivgrün;
}

Das obige CSS-Stilelement hat die folgenden Eigenschaften:

• Der ' transformieren: drehen (45 Grad) “ dreht die geraden vertikalen und horizontalen Linien so, dass die Form eines Häkchensymbols entsteht.
• Der ' Höhe ” Eigenschaft setzt die Höhe des Tick-Symbols auf “ 45px “.
• Der ' Breite „Eigenschaft macht das Symbol“ 20px ' breit.
• Der ' Rand links ”-Eigenschaft richtet das Häkchensymbol an der Mitte der Webseitenoberfläche aus.
• Danach ist die „ Rand unten ' Und ' Grenzrecht ” Eigenschaften setzen das Rahmengewicht beider Linien auf „ 9px “ und definiere die „ dunkelolivgrün ” Farbe für beide Linien, die ein vollständiges Häkchensymbol bilden.

Dadurch wird ein grünes einfaches Häkchen- oder Häkchensymbol erstellt, das in der Mitte der Webseitenoberfläche angezeigt wird. 45px „hoch und“ 20px ' breit:

Methode 2: Einfügen eines Häkchens/Häkchens mit Unicode-Zeichen

Es gibt auch einige Unicode-Zeichen, die die Häkchensymbole automatisch in die Ausgabe einfügen, ohne dass sie formatiert und Parameterwerte für sie definiert werden müssen. Zum Beispiel das Unicode-Zeichen „ U+2713 “ hilft, ein einfaches Häkchen-Symbol in die Ausgabe einzufügen. Ebenso das Unicode-Zeichen „ U+2713 “ hilft dabei, das weiße dicke Häkchen-Symbol in die Ausgabe einzufügen. Um zu erfahren, wie Sie diese Unicode-Zeichen in einem HTML-Dokument hinzufügen, klicken Sie auf eine vollständige Anleitung Hier .

Abschluss

Ein Häkchen- oder Häkchensymbol kann gezeichnet werden, indem zuerst ein HTML-Element mit einer ID oder einer Klasse erstellt und dann die ID- oder Klassenauswahl im CSS-Stilelement hinzugefügt wird, um auf dieses Element zu verweisen. Um die Form eines Häkchens/Häkchens auf der Webseitenoberfläche zu erstellen, müssen verschiedene CSS-Eigenschaften wie „ Höhe “, „ Breite “, „ drehen ' Und ' Farbe “ kann je nach Art und Größe des gewünschten Häkchens verwendet werden. Dieser Blog demonstriert die Methode zum Zeichnen eines Häkchens/Häkchens mit CSS.