CSSని ఉపయోగించి చెక్‌మార్క్/టిక్‌ను ఎలా గీయాలి

'' తో కంటైనర్ మూలకం id 'లేదా ఒక' తరగతి ”:

< div id = 'చెక్ మార్క్' >< / div >

పై HTML స్టేట్‌మెంట్‌లో, ఒక “ div 'ఎలిమెంట్' గా ప్రకటించబడిన idతో జోడించబడింది చెక్ మార్క్ ”.

CSS లక్షణాలను ఉపయోగించి మూలకాన్ని స్టైలింగ్ చేస్తున్నప్పుడు, ఒక “ని జోడించండి id ” HTML మూలకాన్ని సూచించడానికి ఎంపిక సాధనం మరియు దానిలోని లక్షణాలను పేర్కొనండి:

---

---

#చెక్ మార్క్
{
రూపాంతరం: తిప్పు ( 45 డిగ్రీలు ) ;
ఎత్తు : 45px;
వెడల్పు : 20px;
అంచు-ఎడమ: యాభై %;
అంచు-దిగువ: 9px ఘన డార్క్‌ఆలివ్‌గ్రీన్;
సరిహద్దు-కుడి: 9px ఘన డార్క్‌కోలివ్‌గ్రీన్;
}

పై CSS శైలి మూలకం క్రింది లక్షణాలను కలిగి ఉంది:

• ది ' రూపాంతరం: తిప్పండి (45డిగ్రీలు) ” టిక్ గుర్తు ఆకారాన్ని తయారు చేసే విధంగా నేరుగా నిలువు మరియు క్షితిజ సమాంతర రేఖలను తిప్పుతుంది.
• ది ' ఎత్తు 'లక్షణం టిక్ గుర్తు యొక్క ఎత్తును సెట్ చేస్తుంది' 45px ”.
• ది ' వెడల్పు 'ఆస్తి చిహ్నాన్ని చేస్తుంది' 20px ” వెడల్పాటి.
• ది ' మార్జిన్-ఎడమ ” ఆస్తి వెబ్ పేజీ ఇంటర్‌ఫేస్ మధ్యలో టిక్ చిహ్నాన్ని సమలేఖనం చేస్తుంది.
• ఆ తరువాత, ' సరిహద్దు-దిగువ 'మరియు' సరిహద్దు-కుడి 'గుణాలు రెండు పంక్తుల సరిహద్దు బరువును సెట్ చేస్తాయి' 9px 'మరియు' నిర్వచించండి ముదురు ఆకుపచ్చ ” పూర్తి టిక్ గుర్తుగా ఉండే రెండు పంక్తులకు రంగు.

ఇది వెబ్ పేజీ ఇంటర్‌ఫేస్ మధ్యలో ప్రదర్శించబడే ఆకుపచ్చ-రంగు సాధారణ చెక్ మార్క్ లేదా టిక్ చిహ్నాన్ని సృష్టిస్తుంది ' 45px 'ఎక్కువ మరియు' 20px ”విశాలం:

విధానం 2: యూనికోడ్ అక్షరాలను ఉపయోగించి చెక్‌మార్క్/టిక్‌ను చొప్పించడం

కొన్ని యూనికోడ్ అక్షరాలు కూడా ఉన్నాయి, ఇవి వాటి కోసం స్టైల్ మరియు పారామీటర్ విలువలను నిర్వచించాల్సిన అవసరం లేకుండా అవుట్‌పుట్‌లో స్వయంచాలకంగా టిక్ మార్క్ చిహ్నాలను చొప్పించాయి. ఉదాహరణకు, యూనికోడ్ అక్షరం ' U+2713 ” అవుట్‌పుట్‌లో సాధారణ టిక్ చిహ్నాన్ని జోడించడంలో సహాయపడుతుంది. అదేవిధంగా, యూనికోడ్ అక్షరం ' U+2713 ” అవుట్‌పుట్‌లో వైట్ హెవీ టిక్ చిహ్నాన్ని ఇన్‌సర్ట్ చేయడంలో సహాయపడుతుంది. పూర్తి గైడ్ ద్వారా HTML డాక్యుమెంట్‌లో ఈ యూనికోడ్ అక్షరాలను ఎలా జోడించాలో తెలుసుకోవడానికి, క్లిక్ చేయండి ఇక్కడ .

ముగింపు

ముందుగా ఒక id లేదా క్లాస్‌తో HTML మూలకాన్ని సృష్టించి, ఆపై ఆ మూలకాన్ని సూచించడానికి CSS స్టైల్ ఎలిమెంట్‌లో id లేదా క్లాస్ సెలెక్టర్‌ని జోడించడం ద్వారా చెక్ మార్క్ లేదా టిక్ సింబల్‌ను డ్రా చేయవచ్చు. వెబ్ పేజీ ఇంటర్‌ఫేస్‌లో చెక్ మార్క్/టిక్ ఆకారాన్ని సృష్టించడానికి, వివిధ CSS లక్షణాలు “ ఎత్తు ',' వెడల్పు ',' తిప్పండి 'మరియు' రంగు ” అనేది ఒకరికి కావలసిన చెక్‌మార్క్ రకం మరియు పరిమాణం ప్రకారం ఉపయోగించవచ్చు. ఈ బ్లాగ్ CSSని ఉపయోగించి చెక్‌మార్క్/టిక్‌ను గీయడానికి పద్ధతిని ప్రదర్శిస్తుంది.