Tento článek bude demonstrovat následující přístupy:
- Metoda 1: Kreslení symbolu zaškrtnutí/zaškrtnutí pomocí vlastností CSS
- Metoda 2: Vložení zaškrtnutí/zaškrtnutí pomocí znaků Unicode
Metoda 1: Kreslení symbolu zaškrtnutí/zaškrtnutí pomocí vlastností CSS
Chcete-li nakreslit symbol zatržítka, prvním požadavkem je představit si, jak bude značka na konci vypadat, protože ji lze vytvořit v jakékoli velikosti nebo tvaru barvy. Lépe to pochopíte na příkladu.
Příklad Ve výše uvedeném příkazu HTML je „ div ” prvek byl přidán s id deklarovaným jako “ zaškrtnutí “. Při stylování prvku pomocí vlastností CSS přidejte „ id ” pro odkazování na element HTML a poté v něm specifikujte vlastnosti: Výše uvedený prvek stylu CSS má následující vlastnosti: Tím se vytvoří zeleně zbarvená jednoduchá značka zaškrtnutí nebo symbol zaškrtnutí zobrazený uprostřed rozhraní webové stránky “ 45 pixelů 'vysoké a' 20 pixelů “široký: Existují také některé znaky Unicode, které automaticky vkládají symboly značek do výstupu, aniž by pro ně bylo nutné stylizovat a definovat hodnoty parametrů. Například znak Unicode „ U+2713 ” pomáhá přidat jednoduchý symbol zaškrtnutí do výstupu. Podobně znak Unicode „ U+2713 ” pomáhá vložit do výstupu symbol bílého těžkého zaškrtnutí. Chcete-li se dozvědět, jak přidat tyto znaky Unicode do dokumentu HTML prostřednictvím úplného průvodce, klikněte tady . Symbol zaškrtnutí nebo zatržítka lze nakreslit tak, že nejprve vytvoříte prvek HTML s id nebo třídou a poté přidáte id nebo selektor třídy do prvku stylu CSS, aby se na tento prvek odkazovalo. Chcete-li vytvořit tvar zaškrtnutí/zaškrtnutí na rozhraní webové stránky, použijte různé vlastnosti CSS jako „ výška “, “ šířka “, “ točit se ' a ' barva ” lze použít podle typu a velikosti zaškrtnutí, které chcete. Tento blog demonstruje metodu kreslení zaškrtnutí / zaškrtnutí pomocí CSS.
Vývojář chce například nakreslit zeleně zbarvenou jednoduchou značku pomocí vlastností stylu CSS a zobrazit ji ve středu rozhraní. V HTML kódu je nutné vytvořit „
< div id = 'zaškrtnutí' < / div >
#zaškrtnutí
{
přeměnit: otočit ( 45 stupňů ) ;
výška : 45px;
šířka : 20px;
okraj-levý: padesáti %;
border-bottom: 9px solid darkolivegreen;
border-right: 9px solid darkolivegreen;
}
Metoda 2: Vložení zaškrtnutí/zaškrtnutí pomocí znaků Unicode
Závěr