Skip to main content

HR Line Color & Design Change


HR เคฒाเค‡เคจ เค•ा เค•เคฒเคฐ, เคกिเคœाเค‡เคจ เค”เคฐ เค†เค•ाเคฐ เคšेंเคœ เค•ैเคธे เค•เคฐें ?

เค•्เคฏा เค†เคช เค…เคชเคจे Blog เคชोเคธ्เคŸ เค•े เค…ंเคฆเคฐ HR เคฒाเค‡เคจों เค•ा เค‰เคชเคฏोเค— เค•เคฐเคคे เคนैं, เคฏเคฆि เคจเคนीं। เคฏा เคฏเคฆि เค†เคช เค•เคฐเคคे เคนैं। เค”เคฐ เค†เคช เคธुเคจिเคถ्เคšिเคค เคจเคนीं เคนै, เค•ि เค‡เคจ HR เคฒाเค‡เคจों เค•ो เค…เคฒเค—-เค…เคฒเค— เคฐंเค— เคฐूเคช เค•ैเคธे เคฆें, เค‡เคจเค•ी เคกिเคœाเค‡เคจ เค•ैเคธे เคฌเคฆเคฒें, เค‡เคจเค•ा เค†เค•ाเคฐ เค•ैเคธे เคฌเคฆเคฒें, เคคो เค†เคช เคจिเคถ्เคšिंเคค เคนो เคœाเค। เค†เคช เคฌिเคฒ्เค•ुเคฒ เคธเคนी เคฒेเค– เคชเคฐ เคนै। เค”เคฐ เค†เคœ เค‡เคธ เคฒेเค– เคฎें เค†เคช เคœाเคจเคจे เคตाเคฒे เคนैं, เค•ि เค†เคช เค‡เคจ เคฒाเค‡เคจों เค•ो เค…เคฒเค—-เค…เคฒเค— เคกिเคœाเค‡เคจ เคธे เค…เคจुเค•ुเคฒिเคค เค•ैเคธे เค•เคฐ เคธเค•เคคे เคนैं।

เคคो เคฆोเคธ्เคคों เคœाเคจเคจे เค•े เคฒिเค เค‡เคธ เคชोเคธ्เคŸ เค•ो เคฒाเคธ्เคŸ เคคเค• เคชเคข़े, เค”เคฐ เคชเคข़เคจे เค•ा เค†เคจंเคฆ เคฒें।

HR Line Color & Design Change, Best Color Change Design Style CSS Code

เคœैเคธा เค•ि เค†เคช เคœाเคจเคคे เคนी เคนोंเค—े, เค•ि เคชोเคธ्เคŸ เค•े เค…ंเคฆเคฐ เคฒाเค‡เคจ เคเคก เค•เคฐเคจे เค•े เคฒिเค เคชोเคธ्เคŸ  html  เค•े เค…ंเคฆเคฐ <hr /> tag เค•ा เค‰เคชเคฏोเค— เค•เคฐเคจा เคชเคก़เคคा เคนै, เค‡เคธเค•े เคฌाเคฆ เคชोเคธ्เคŸ เคฎें Default เคฒाเค‡เคจ เคเคก เคนो เคœाเคคी เคนै।

เคฒेเค•िเคจ เคฌเคนुเคค เคธे เคจเค เคฌ्เคฒॉเค—เคฐ เคนैं, เคœिเคจ्เคนें เคฏเคน เคชเคคा เคจเคนीं เคนै, เค•ि เค‡เคจ्เคนें เคนเคฎ เค…เคฒเค—-เค…เคฒเค— เคกिเคœाเค‡เคจ เคฎें เค•ैเคธे เคฌเคฆเคฒें।

เค‡เคจ्เคนें เค†เคช เคฆो เคคเคฐीเค•ों เคธे เคธ्เคŸाเค‡เคฒ เค•े เคœเคฐिเค, เค…เคฒเค—-เค…เคฒเค— เคกिเคœाเค‡เคจ เคฎें เคฌเคฆเคฒ เคธเค•เคคे เคนैं।

[1] เคœो <hr /> tag เค†เคช เคฒाเค‡เคจ เคเคก เค•เคฐเคจे เค•े เคฒिเค เคฒเค—ाเคคे เคนैं, เค‡เคธी เค•े เค…ंเคฆเคฐ เค†เคช style=" " 'เคธ्เคŸाเค‡เคฒ เคฌเคฐाเคฌเคฐ เคกเคฌเคฒ เค•ोเคŸ' เค•ा เค‰เคชเคฏोเค— เค•เคฐเค•े เคกเคฌเคฒ เค•ोเคŸ เค•े เค…ंเคฆเคฐ เคธीเคเคธเคเคธ เค•ा เค‰เคชเคฏोเค— เค•เคฐเค•े เค…เคชเคจी เคฒाเค‡เคจ เค•ो เคธ्เคŸाเค‡เคฒ เค•เคฐ เคธเค•เคคे เคนैं, เค”เคฐ เค‰เคธเค•ो เค…เคฒเค— เค†เค•ाเคฐ เค”เคฐ เคฐंเค— เคฐूเคช เคฆे เคธเค•เคคे เคนैं।

[2] เค…เคชเคจी เคฒाเค‡เคจों เค•ो เคธ्เคŸाเค‡เคฒ เค•เคฐเคจे เค•े เคฒिเค เคเค• เค…เคฒเค— เคธे <style> เค”เคฐ </style> เคŸैเค— เคฌเคจाเค•เคฐ เค‡เคธเคฎें เคธीเคเคธเคเคธ เค•ा เค‰เคชเคฏोเค— เค•เคฐเค•े เคธ्เคŸाเค‡เคฒ เค•เคฐ เคธเค•เคคे เคนैं।

เคฒेเค•िเคจ เค‡เคธเค•े เคฒिเค เคชเคนเคฒे เค†เคชเค•ो เคนเคฐ เคเคšเค†เคฐ เคŸैเค— เคฎें เค…เคฒเค—-เค…เคฒเค— เคตिเคถेเคทเคคा เคœोเคก़เคจी เคนै। เคœिเคธเค•ा เค‰เคฆाเคนเคฐเคฃ เค†เคช เคจीเคšे เคฆेเค– เคธเค•เคคे เคนैं।

เค‰เคฆाเคนเคฐเคฃः
<hr class="A" />
<hr class="B" />
<hr class="C" />
<hr class="D" />
<hr class="D1" />
<hr class="D2" />
<hr class="D3" />
<hr class="E" />

เคนเคฎเคจे <HR> เคŸेเค— เคฎें class เคตिเคถेเคทเคคा A, B, C, D, E เคœोเคก़เค•เคฐ เคธเคญी เค•ो เค…เคฒเค—-เค…เคฒเค— เคตिเคถेเคทเคคा เคฆे เคฆी เคนै, เคคाเค•ि เคนเคฎ เค‡เคจ्เคนे style เค•เคฐเคคे เคธเคฎเคฏ เค…เคฒเค—-เค…เคฒเค— เคชเคฐिเคญाเคทिเคค เค•เคฐเค•े เค‡เคจเค•ो เค…เคฒเค—-เค…เคฒเค— เค†เค•ाเคฐ เค“เคฐ เคฐंเค— เคฐूเคช เคธे เคธ्เคŸाเค‡เคฒ เค•เคฐ เคธเค•ें।

เคฏเคฆि เค†เคช เคšाเคนें เคคो เค‡เคจ HR Tag เคฎैं A, B, C, D, E เค•ी เคœเค—เคน เค…เคชเคจे เคนिเคธाเคฌ เคธे เค…เคฒเค— เคจाเคฎ เคญी เคฆे เคธเค•เคคे เคนैं।

HR Tag เคฎें เคฒाเค‡เคจ เค•ो เคธ्เคŸाเค‡เคฒ เค•ैเคธे เค•เคฐें?

เคฆेเค–ा เคœाเค, เคคो เค•ोเคˆ เค…เคงिเค• เคซเคฐ्เค• เคจเคนीं เคนै। เคœो เค•ोเคก เคนเคฎ เคธ्เคŸाเค‡เคฒ เคŸैเค— เค…เคฒเค— เคธे เคฌเคจाเค•เคฐ เคตเคนां เค‰เคชเคฏोเค— เค•เคฐेंเค—े। เคตเคนी เค•ोเคก เคนเคฎें เคฏเคนा <hr /> Tag เค•े เค…ंเคฆเคฐ เคญी เค‰เคชเคฏोเค— เค•เคฐเคจा เคนै। เคฌเคธ เคซเคฐ्เค• เคนै, เคคो เคฏเคน เคนै, เค•ि เคฏเคนां เคฅोเคก़ा เคฒिเค–เคจे เค•ा เคคเคฐीเค•ा เค…เคฒเค— เคนोเค—ा। เคฏเคนां เคชเคฐ เคนเคฎें เคธ्เคŸाเค‡เคฒ เคŸैเค— เคฌเคจाเคจे เค•ी เคœเคฐूเคฐเคค เคจเคนीं เคนै, เคฒेเค•िเคจ เคเคšเค†เคฐ เคŸैเค— เค•े เค…ंเคฆเคฐ style เคฒिเค–เคจा เคฌเคนुเคค เคœเคฐूเคฐी เคนै।

เคฏเคน เค•ोเคก เคจीเคšे เคฆी เค—เคˆ เคฒाเค‡เคจ เค•ो เคช्เคฐเคฆเคฐ्เคถिเคค เค•เคฐ เคฐเคนा เคนै। เค†เคช เคญी เคเคธे hr เคŸैเค— เค•े เค…ंเคฆเคฐ style Code เค•ा เค‰เคชเคฏोเค— เค•เคฐเค•े เคฒाเค‡เคจ เค•ो เคธ्เคŸाเค‡เคฒ เคฆे เคธเค•เคคे เคนैं।
<hr style="border: 6px dashed green; Border-radius: 2px;" />

เค‰เคฆाเคนเคฐเคฃ:

เคฌเคฆเคฒाเคต: เค†เคช เค‡เคธเคฎें เค…เคชเคจी เค‡เคš्เค›ा เค…เคจुเคธाเคฐ เคฌเคฆเคฒाเคต เค•เคฐ เคธเค•เคคे เคนैं เคฒाเค‡เคจ เคนाเค‡เคŸ เค…เคง्เคฏเคฏเคจ เค•เคฎ เค•เคฐเคจे เค•े เคฒिเค 6px เคฎें 6 เค•ी เคœเค—เคน เค•เคฎ เคฏा เค…เคงिเค• เค…ंเค• เคกाเคฒे, เคฒाเค‡เคจ เคฌเคฆเคฒเคจे เค•े เคฒिเค dashed เค•ी เคœเค—เคน dotted เคฏा solid เคกाเคฒे, Color เคฌเคฆเคฒเคจे เค•े เคฒिเค green เค•ी เคœเค—เคน เค…เคชเคจा เคฎเคจ เคชเคธंเคฆ เค•เคฒเคฐ เคจाเคฎ เคกाเคฒे เคฏा เค•ोเคˆ เค•เคฒเคฐ เค•ोเคก เคกाเคฒे, เคซिเคฐ เคชूเคฐ्เคตाเคฒोเค•เคจ เค•เคฐें เค”เคฐ เคฆेเค–ें เค•ि เคฒाเค‡เคจ เค•ैเคธी เคฆिเค–เคคी เคนै।

เค†เคช เคฆेเค– เคธเค•เคคे เคนैं เค•ि เคฒाเค‡เคŸ เคฎैं เคฆोเคจों เคธाเค‡เคก เค•े เค˜ूเคฎเคจे เคฅोเคก़े เคธे เคธॉเคซ्เคŸ เค”เคฐ เคฐाเค‰ंเคก เคฆिเค–ाเคˆ เคฆे เคฐเคนे เคนैं เค‡เคจเค•ो เค•เคฎ เคฏा เค…เคงिเค• เค•เคฐเคจे เค•े เคฒिเค Border-radius: 2px; เคฎें 2 เค•ी เคœเค—เคน เค•เคฎ เคฏा เค…เคงिเค• เค…ंเค• เคกाเคฒे, เคฏเคฆि เค†เคช เคฒाเค‡เคจ เค•े เค•ोเคจे เคฐाเค‰ंเคก เคจเคนीं เค•เคฐเคจा เคšाเคนเคคे เคคो เค†เคช เค‡เคธ เค•ोเคก เค•ो Border-radius: 2px; เคชूเคฐा เคนเคŸा เคฆे।

เค†เคช เค‡เคธเคธे เคญी เค•เคนीं เค…เคงिเค• เค•ोเคกिंเค— เค•เคฐเค•े เคฒाเค‡เคจों เค•ो เค”เคฐ เค…เคงिเค• เคกिเคœाเค‡เคจ เคฆे เคธเค•เคคे เคนैं, เคจीเคšे เคฎैं เค†เคชเค•ो เค•เคนीं เคธाเคฐी เคกिเคœाเค‡เคจ เคฒाเค‡เคจों เค•े เคฌाเคฐे เคฎें เคฌเคคाเคจे เคตाเคฒा เคนूं।

HR line เค•ो เค…เคฒเค— style เคŸैเค— เคฎें เคธ्เคŸाเค‡เคฒ เค•ैเคธे เค•เคฐें?

เคœैเคธा เค•ि เคฎैंเคจे เคŠเคชเคฐ เคšเคฐเคฃ [2] เคฎें เคฌเคคाเคฏा เค•ी เคเค• เค…เคฒเค— style เคŸैเค— เค•े เคœเคฐिเค, HR เคฒाเค‡เคจ เค•ो เคธ्เคŸाเค‡เคฒ เค•เคฐเคจे เค•े เคฒिเค। เคนเคฎें เคนเคฐ เคเคšเค†เคฐ เคŸैเค— เคฎें เค…เคฒเค—-เค…เคฒเค— เคตिเคถेเคทเคคा เคœोเคก़เคจे เคชเคก़เคคी เคนै, เคคाเค•ि เคนเคฎ style เค•े เค…ंเคฆเคฐ เค‰เคจ्เคนें เค…เคฒเค—-เค…เคฒเค— เคชเคฐिเคญाเคทिเคค เค•เคฐ เคธเค•ें, เค”เคฐ เคธ्เคŸाเค‡เคฒ เค•เคฐ เคธเค•ें। เคจเคนीं เคคो เคธเคญी เคฒाเค‡เคจ เคเค• เคนी เคกिเคœाเค‡เคจ เคฎें เคฌเคฆเคฒ เคธเค•เคคी เคนै।

เคฏเคนा เคจीเคšे เคฎैंเคจे เคจंเคฌเคฐ เคตाเค‡เคœ เค…เคฒเค— style เคŸैเค— เคฎैं HR เคฒाเค‡เคจ เคกिเคœाเค‡เคจ เค•เคฐเคจे เค•े เคฌाเคฐे เคฎें เคชूเคฐी เคœाเคจเค•ाเคฐी เคฆे เคฐเค–ी เคนै। เคœिเคธเคฎें เคฎैंเคจे 8 เคฒाเค‡เคจ เคกिเคœाเค‡เคจ เค•ी เคนै, เคœिเคธเค•े เค•ोเคก เคญी เค†เคชเค•ो เคฏเคนां เคชเคฐ เคฆेเค–เคจे เค•ो เคฎिเคฒ เคœाเคंเค—े। เคจीเคšे เค•ी เคธ्เคฒाเค‡เคก् เคฎें เคชเคข़ें।



[1] Solid: เคเค• เค ोเคธ เค†เค•ाเคฐ เคตाเคฒी เคฒाเค‡เคจ เคœो เคเค• เคธिंเคชเคฒ เคธीเคงी เคฐेเค–ा เคนै। เคœिเคธे เคนเคฎ <hr class="A" /> เคฎैं เคœोเคก़เคจे เคตाเคฒे เคนैं।

เค‡เคธเค•े เคฒिเค เคนเคฎें เคชोเคธ्เคŸ เค•े เค…ंเคฆเคฐ  Html  เคฎें เคœाเคจा เคนै, เค”เคฐ เค•เคนीं เคชเคฐ เคญी <style> เคŸैเค— เคฌเคจाเคं, เค”เคฐ เคซिเคฐ เค‰เคธे เค‡เคธ </style> เคŸैเค— เคธे เค•्เคฒोเคœ เค•เคฐ เคฆेंเค—े। เค”เคฐ เคซिเคฐ เค‡เคจ เคฆोเคจों เค•े เค…ंเคฆเคฐ เคนเคฎें เคเคšเค†เคฐ เคฒाเค‡เคจ เค•ो เคธ्เคŸाเค‡เคฒ เค•เคฐเคจा เคนै।

เค‰เคฆाเคนเคฐเคฃ: เคธ्เคŸाเค‡เคฒ เค•े เค…ंเคฆเคฐ> hr.A {} <เค‡เคจเค•ा เค‰เคชเคฏोเค— เค•เคฐें, เค”เคฐ เคซिเคฐ เค‡เคจ {เค•े เค…ंเคฆเคฐ} HR เคฒाเค‡เคจ เค•ो เคธ्เคŸाเค‡เคฒ เค•เคฐें।

เคฎैंเคจे hr.A เคชเคนเคฒे เค•्เคฏों เคœोเคก़ा เคนै?
เคนเคฎ เคœो เคญी เคธ्เคŸाเค‡เคฒ, เคเคšเคŸीเคเคฎเคเคฒ, เคธीเคเคธเคเคธ เคฏा เค…เคจ्เคฏ เค•ोเคก เค•ा เค‰เคชเคฏोเค— เค•เคฐเคคे เคนैं। เค‡เคธे เค•ौเคจ เคธเคฎเคเคคा เคนै। เคนเคฎ เค‡เคจเค•ा เค‰เคชเคฏोเค— เค•िเคธเค•े เคฒिเค เค•เคฐ เคฐเคนे เคนैं।

เคนเคฎ เค‡เคธเค•ा เค‰เคชเคฏोเค— เคฌ्เคฐाเค‰เคœ़เคฐ เค•ो เคธเคฎเคाเคจे เค•े เคฒिเค เค•เคฐเคคे เคนैं। เคœिเคธเคฎें เค†เคชเค•ी เคธाเค‡เคŸ เค‰เคชเคฏोเค—เค•เคฐ्เคคाเค“ं เค•े เคฆ्เคตाเคฐा เค•्เคฒिเค• เค•िเค เคœाเคจे เค•े เคฌाเคฆ เค“เคชเคจ เคนोเคคी เคนै। เคœी เคนां เคนเคฎ เค‡เคจเค•ा เค‰เคชเคฏोเค— เคฌ्เคฐाเค‰เคœ़เคฐ เค•ो เคธเคฎเคाเคจे เค•े เคฒिเค เค•เคฐเคคे เคนैं, เคคाเค•ि เคฌ्เคฐाเค‰เคœ़เคฐ เค‡เคจ เค•ोเคก เค•ो เคธเคฎเค เค•เคฐ เคนเคฎ เคœिเคธे เคšाเคนเคคे เคนैं, เค‰เคธे เคกिเคœाเค‡เคจ เคฆे เคธเค•े।

เคฎेंเคจे hr.A เคชเคนเคฒे เค‰เคชเคฏोเค— เค•िเคฏा, เคคाเค•ि เคฌ्เคฐाเค‰เคœ़เคฐ เคธเคฎเค เคธเค•े เค•ी hr เคŸैเค— เค•े เค…ंเคฆเคฐ เค•ोเคˆ A เคจाเคฎ เค•ी เคตिเคถेเคทเคคा เคนै, เคœिเคธे เคกिเคœाเค‡เคจ เค•เคฐเคจा เคนै। เค”เคฐ เค‡เคธे เคกिเคœाเค‡เคจ เค•्เคฏा เคฆेเคจी เคนै, เคฏเคน เคนเคฎ เคฌ्เคฐाเค‰เคœ़เคฐ เค•ो {เค‡เคธเค•े เค…ंเคฆเคฐ} เคธเคฎเคाเคคे เคนैं। เคœिเคธเค•ा เค‰เคฆाเคนเคฐเคฃ เค†เคช เคจीเคšे เค•เคนीं เคธुंเคฆเคฐ เคฒाเค‡เคจों เคฎेंं เคฆेเค–ेंเค—े।

เค•ुเค› เคฌ्เคฐाเค‰เคœ़เคฐ เคนै, เคœिเคธเค•ी เคธूเคšी เคฎैंเคจे เคจीเคšे เคฐเค–ी เคนै, เคฏเคน <hr> tag เค•ा เคชूเคฐ्เคฃ เคฐुเคช เคธे เคธเคฎเคฐ्เคฅเคจ เค•เคฐเคคे เคนैं। เคฒेเค•िเคจ เค•ुเค› เคฌ्เคฐाเค‰เคœ़เคฐ เคนैं เคฏा เคนो เคธเค•เคคे เคนैं, เคœो hr Tag เค•ा เคชूเคฐ्เคฃ เคฐूเคช เคธे เคธเคฎเคฐ्เคฅเคจ เคจ เค•เคฐें, เค”เคฐ เค†เคชเค•ी เคฒाเค‡เคจ เค•ो เค ीเค• เคธे เคช्เคฐเคฆเคฐ्เคถिเคค เคจ เค•เคฐें।

เค…เคฌ เค†เคช เคจीเคšे 8 เคธुंเคฆเคฐ เคกिเคœाเค‡เคจ เคฒाเค‡เคจों เค•ा เค†เคจंเคฆ เคฒें, เค”เคฐ เค‡เคจ्เคนें เค…เคชเคจे เคชोเคธ्เคŸ Article เคฎें เคฌเคจाเคจा เคธीเค–े।

hr.A {border-top: 8px solid blue; border-radius: 4px;}

เคนเคฎเคจे เคจीเคšे เคฆी เค—เคˆ เค‡เคธ เคเคšเค†เคฐ เคฒाเค‡เคจ เค•ो 8px เคฎोเคŸा solid เค ोเคธ เค”เคฐ เคฌ्เคฒू เค•เคฒเคฐ เคธ्เคŸाเค‡เคฒिเคถ เค•िเคฏा เคนै। เค”เคฐ border-radius: 4px; เค•ा เค‰เคชเคฏोเค— เค•เคฐเค•े เค‡เคธเค•े เค•ोเคจे เค•เคฎ เค•เคฐ เคฆिเคฏे เคนैं।


[2] dotted: เค…เคฌ เคนเคฎ เคเค• เคฌिंเคฆु เค•े เคช्เคฐเค•ाเคฐ เค•ी เคฒाเค‡เคจ เคฌเคจाเคจे เคตाเคฒे เคนैं, เคœो เค†เคชเค•े เค†เคฐ्เคŸिเค•เคฒ เคฎें เคฌिंเคฆु เคฒाเค‡เคจ เคเคก เค•เคฐ เคฆेเค—ी।

เค”เคฐ เคฌिंเคฆु เคฒाเค‡เคจ เคฌเคจाเคจे เค•े เคฒिเค เคนเคฎ <hr class="B" /> เค•ो เคธ्เคŸाเค‡เคฒ เค•เคฐेंเค—े।

hr.B {border-top: 6px dotted red;}


เคฏเคนां เคชเคฐ เคนเคฎเคจे เคฌिเคฒ्เค•ुเคฒ เค›ोเคŸे เคถॉเคฐ्เคŸเค•เคŸ เค•ोเคก เคธे เคฌिंเคฆु เคฒाเค‡เคจ เคฌเคจाเคˆ เคนै। เค‡เคธे เคนเคฎें เคœ्เคฏाเคฆा เคธ्เคŸाเค‡เคฒ เคฆेเคจे เค•ी เคœเคฐूเคฐเคค เคจเคนीं เคนै। เคฌिंเคฆु Line เค•ी height เค•เคฎ เคฏा เค…เคงिเค• เค•เคฐเคจे เค•े เคฒिเค 6px เคฎें 6 เค•ी เคœเค—เคน เค…เคงिเค• เคฏा เค•เคฎ เค…ंเค• เคกाเคฒें। เค”เคฐ เคชूเคฐ्เคตाเคฒॉเค•เคจ เค•เคฐें, เค•ी เค†เคชเค•ी เคฌिंเคฆु เคฒाเค‡เคจ เค•ैเคธे เคฆिเค–ाเคˆ เคฆेเคคी เคนै।

[3] Dashed: เคฏเคน เค†เคชเค•े เคฒिเค เคธुंเคฆเคฐ เค˜เคŸเค• เคฒाเค‡เคจ เคฌเคจाเคเค—ा, เค‰เคชเคฐ เคจंเคฌเคฐ เคฆो เค•ोเคก เคฎैं เค”เคฐ เค‡เคธ Code เคฎें เค•ोเคˆ เค…เคงिเค• เคซเคฐ्เค• เคจเคนीं เคนै। เคฌเคธ เคŠเคชเคฐ เค•ी เคฒाเค‡เคจ เคธे เค‡เคธे เค…เคฒเค— เคฌเคจाเคจे เค•े เคฒिเค เคนเคฎเคจे Dashed เค•ा เค‰เคชเคฏोเค— เค•िเคฏा เคนै, เคคाเค•ि เคฏเคน เคฒाเค‡เคจ เคŠเคชเคฐ เค•ी เคฒाเค‡เคจ เคธे เค…เคฒเค— เคฌिंเคฆू  เคฐैเค–ा เคœाเค เค”เคฐ magenta เค•ा เค‰เคชเคฏोเค— เคฒाเค‡เคจ เค•ा เค•เคฒเคฐ เคšेंเคœ เค•เคฐเคจे เค•े เคฒिเค เค•िเคฏा เคนै।

hr.C { border: 6px dashed magenta;}


[4] Liner-gradient: เคฏเคนां เคชเคฐ เคนเคฎเคจे Liner-gradient เค”เคฐ เคฅोเคก़े เคธे เคธीเคเคธเคเคธ เค•ा เค‰เคชเคฏोเค— เค•เคฐเค•े เคเค• เคธुंเคฆเคฐ เคŸेเคกी-เคฎेเคกी เคฐेเค–ा เคคैเคฏाเคฐ เค•ी เคนै, เคœो เค‰เคชเคฏोเค—เค•เคฐ्เคคाเค“ं เค•ो เคฐोเคฎांเคšिเคค เคฌเคจाเคคी เคนै।

hr.D { border: none; width: 100%; margin: auto; margin-top: 5%; margin-bottom: 5%; height: 23px; background: linear-gradient(135deg, #fafafa 25%, transparent 25%) -35px 0, linear-gradient(225deg, #fafafa 25%, transparent 25%) -35px 0, linear-gradient(315deg, #fafafa 25%, transparent 25%), linear-gradient(45deg, #fafafa 25%, transparent 25%); background-size: 23px 23px; background-color: #bf9000;}


(D1) Liner-gradient: เคจीเคšे เคฆी เค—เคˆ เคฒाเค‡เคจ เคŠเคชเคฐ เคฆिเค เค—เค เค•ोเคก เคฎैं เคฅोเคก़ा เคธा เคฌเคฆเคฒाเคต เค•เคฐเค•े เคฌเคจाเคˆ เค—เคˆ เคนै। เคฎैंเคจे เคŠเคชเคฐ เคฆिเค เค—เค เค•ोเคก เคฎें เคธिเคฐ्เคซ height: เค”เคฐ Background-size: เค•ोเคก เคฎें เคฌเคฆเคฒाเคต เค•िเค เคนैं। เค”เคฐ เคซिเคฐ เคเค• เคธुंเคฆเคฐ เคชเคนाเคก़ों เคตाเคฒी เคฒाเค‡เคจ เคคैเคฏाเคฐ เค•ी เคนै, เคœिเคธे เค†เคช เคจीเคšे เคฆेเค– เคธเค•เคคे เคนैं।

hr.D1 { border: none; width: 100%; margin: auto; margin-top: 5%; margin-bottom: 5%; height: 20px; background: linear-gradient(135deg, #fafafa 25%, transparent 25%) -20px 0, linear-gradient(225deg, #fafafa 25%, transparent 25%) -20px 0, linear-gradient(315deg, #fafafa 25%, transparent 25%), linear-gradient(45deg, #fafafa 25%, transparent 25%); background-size: 40px 40px; background-color: #bf9000;}


(D2) Liner-gradient: เคฏเคน เคฒाเค‡เคจ เคญी เคŠเคชเคฐ เคฆिเค เค—เค CSS เค•ोเคก เคฎें เค›ोเคŸा เคธा เคฌเคฆเคฒाเคต เค•เคฐเค•े เคนी เคฌเคจाเคˆ เค—เคˆ เคนै। เค‡เคธे เคญी เคนเคฎเคจे height: เค”เคฐ Background-size: เค•ोเคก เคฎें เคฌเคฆเคฒाเคต เค•เคฐเค•े เคฌเคจाเคฏा เคนै। เคœो เค•ाเคซी เคธुंเคฆเคฐ เคฐेเค–ा เคนै।

hr.D2 { border: none; width: 100%; margin: auto; margin-top: 5%; margin-bottom: 5%; height: 20px; background: linear-gradient(135deg, #fafafa 25%, transparent 25%) -20px 0, linear-gradient(225deg, #fafafa 25%, transparent 25%) -20px 0, linear-gradient(315deg, #fafafa 25%, transparent 25%), linear-gradient(45deg, #fafafa 25%, transparent 25%); background-size: 20px 20px; background-color: #bf9000;}


(D3) Liner-gradient: เคฏเคน เคฒाเค‡เคจ เคญी เคŠเคชเคฐ เคฆिเค เค—เค เค•ोเคก เคฎें เคฌเคฆเคฒाเคต เค•เคฐเค•े เคฌเคจाเคˆ เคนै। เค”เคฐ เค‡เคธเคธे เคนเคฎ เคฏเคน เคธเคฎเคเคคे เคนैं, เค•ि style CSS เค•ी เคฎเคฆเคฆ เคธे เคนเคฎ เค•ाเคซी เค•ुเค› เคฌเคฆเคฒाเคต เค•เคฐ เคธเค•เคคे เคนैं। เค†เคช เคŠเคชเคฐ เคฆिเค เค—เค เค•ोเคก เค”เคฐ เคจीเคšे เคฆिเค เค—เค เค‡เคธ เค•ोเคก เค•ो เคฆेเค–เค•เคฐ เคฏเคน เคชเคคा เคฒเค—ा เคธเค•เคคे เคนैं, เค•ि เคฎैंเคจे เค‡เคจ เค•ोเคก เคฎें เค•िเคคเคจा เคฌเคฆเคฒाเคต เค•िเคฏा เคนै, เคคเคญी เคœाเค•เคฐ เค‡เคธ เคฒाเค‡เคจ เคฎें เค‡เคคเคจा เคฌเคฆเคฒा เคนुเค† เคนै।

hr.D3 { border: none; width: 100%; margin: auto; margin-top: 5%; margin-bottom: 5%; height: 20px; background: linear-gradient(105deg, #fafafa 25%, transparent 25%) -15px 0, linear-gradient(195deg, #fafafa 25%, transparent 25%) -15px 0, linear-gradient(285deg, #fafafa 25%, transparent 25%), linear-gradient(15deg, #fafafa 25%, transparent 25%); background-size: 25px 25px; background-color: #bf9000;}


[5] incline: เคนเคฎเคจे เค‡เคธ เคฒाเค‡เคจ เค•ो เคธीเคงी เคจ เคฐเค–เคคे เคนुเค เคคिเคฐเค›ी เคฌเคจाเคˆ เคนै। เคคाเค•ि เคฎैं เค†เคชเค•ो เคฏเคน เคฌเคคा เคธเค•ूं, เค•ि เค†เคช CSS เค•ी เคฎเคฆเคฆ เคธे เคคिเคฐเค›ी เคฒाเค‡เคจें เคญी เคฌเคจा เคธเค•เคคे เคนैं, เค‡เคธ code เคฎें เคฎैंเคจे เคฒाเค‡เคจ เค•ो เคคिเคฐเค›ी เคฐเค–เคจे เค•े เคฒिเค transform: rotate(5deg); เค•ा เค‰เคชเคฏोเค— เค•िเคฏा เคนै। เคคाเค•ि เคฏเคน เคฒाเค‡เคจ เคธिเคฆ्เคงि เคจ เคฐเคนเค•เคฐ เคคिเคฐเค›ी เคนो เคœाเค।

เค†เคช เค‡เคธ เค•ोเคก เคฎें เค…ंเค• 5 เค•ि เคœเค—เคน เค…เคงिเค• เคฏा เค•เคฎ เค…ंเค• เคกाเคฒเค•เคฐ เคฒाเค‡เคจ เค•ो เคธीเคงी เคฏा เค”เคฐ เคŸेเคกी เค•เคฐ เคธเค•เคคे เคนैं।

hr.E { width: 100%; margin: auto; margin-top: 5%; margin-bottom: 5%; transform: rotate(5deg); background-color: #38761d; height: 6px;}


เค…เคจुเคฎเคคिः เค†เคช เค‡เคจ เค•ोเคก เค•ो เค•ॉเคชी เค•เคฐ เคธเค•เคคे เคนैं। เค”เคฐ เค…เคชเคจे เคชोเคธ्เคŸ  HTML  เคฎें <style> </style> เคŸैเค— เคฌเคจाเค•เคฐ เค‰เคจเค•े เค…ंเคฆเคฐ เค‡เคจ्เคนें เคชेเคธ्เคŸ เค•เคฐ เคธเค•เคคे เคนैं। เค‡เคธเคธे เค†เคชเค•ा เคธเคฎเคฏ เคญी เคฌเคšेเค—ा। เค”เคฐ เค†เคช เคœเคฒ्เคฆी เคเค• เคธुंเคฆเคฐ HR เคฐेเค–ा เคฌเคจा เคชाเค“เค—े।

<HR /> เคŸेเค— เค•ा เคจीเคšे เคฆिเค เค—เค เคธूเคšीเคฌเคฆ्เคง เคฌ्เคฐाเค‰เคœ़เคฐ เคธเคฎเคฐ्เคฅเคจ เค•เคฐเคคे เคนैं।
(1) เค—ूเค—เคฒ เค•्เคฐोเคฎ
(2) เค‡ंเคŸเคฐเคจेเคŸ เคเค•्เคธเคช्เคฒॉเคฐเคฐ
(3) เคซ़ाเคฏเคฐเคซ़ॉเค•्เคธ
(4) เค“เคชेเคฐा
(5) เคธเคซाเคฐी
เคฏा เค…เคจ्เคฏ เคกिเคตाเค‡เคธ เคฌ्เคฐाเค‰เคœ़เคฐ เคญी เคนो เคธเค•เคคे เคนैं।

เคคो เคฆोเคธ्เคคों เคนเคฎें เค‰เคฎ्เคฎीเคฆ เคนै เค•ि เค†เคชเค•ो เคนเคฎाเคฐी เคฏเคน เคชोเคธ्เคŸ เคชเคธंเคฆ เค†เคˆ เคนोเค—ी เค”เคฐ เค…เค—เคฐ เคชोเคธ्เคŸ เคชเคธंเคฆ เค†เคˆ เคนै। เคคो เค‡เคธे เค…เคชเคจे เคฆोเคธ्เคคों เคฎें เคถेเคฏเคฐ เค•เคฐें เคคाเค•ि เค†เคชเค•े เคฆोเคธ्เคคों เค•ो เคญी เค‡เคธ เคชोเคธ्เคŸ เค•े เคฌाเคฐे เคฎें เคชเคคा เคšเคฒ เคธเค•े เค”เคฐ เคนเคฎें เค•เคฎेंเคŸ เค•เคฐें เค•ि เค†เคชเค•ो เคนเคฎाเคฐी เคฏเคน เคชोเคธ्เคŸ เค•ैเคธी เคฒเค—ी।

 เคฏเคฆि เค†เคชเค•ा เค•ोเคˆ เคช्เคฐเคถ्เคจ เคนै, เคคो เคจीเคšे Comment เคฌॉเค•्เคธ เคฎें เคนเคฎें เคฌเคคाเคं।
Labels:
Location: เคญीเคฒเคตाเคก़ा, เคฐाเคœเคธ्เคฅाเคจ, เคญाเคฐเคค

Comments

Post a Comment

Popular posts from this blog

เคŸिเค• เคŸॉเค• เคเคช—เค‡ंเคกिเคฏा เค•ा เคธเคฌเคธे เคชॉเคชुเคฒเคฐ เคถॉเคฐ्เคŸ เคตीเคกिเคฏो เคฎेเค•เคฐ।

Tiktok app in hindi เคนेเคฒ्เคฒो เคฆोเคธ्เคคो เค•ैเคธे เคนो เค†เคช।เค†เคถा เคนै เค…เคš्เค›ा เคนी เคนोंเค—े।เคธเคฌเคธे เคชเคนเคฒे เค†เคชเค•ो SaRaisay เคฎें เค†เคจे เค•े เคฒिเค เคงเคจ्เคฏเคตाเคฆ। เคฆोเคธ्เคคो เค†เคœ เคœो เคนเคฎ เคŸॉเคชिเค• เค•ी เคŠเคชเคฐ เคฌाเคค เค•เคฐเคจे เคตाเคฒे เคนैं เคตो เค•ाเคซी เคชॉเคชुเคฒเคฐ เคช्เคฒेเคŸเคซॉเคฐ्เคฎ เค•े เคฌाเคฐे เคฎें เคนै। เคถाเคฏเคฆ เค†เคช เคŸाเค‡เคŸเคฒ เคชเคข़เค•े เคœाเคจ เคšुเค•े เคนोंเค—े เค†เคœ เคนเคฎ เค•िเคธ เคเคช เค•े เคฌाเคฐे เคฎें เคฌाเคค เค•เคฐเคจे เคตाเคฒे เคนैं। เคœी เคนां เคฆोเคธ्เคคो เค‡ंเคกिเคฏा เค•ा เคธเคฌเคธे เคชॉเคชुเคฒเคฐ เคเคช เคŸिเค• เคŸॉเค• เค•े เคฌाเคฐे เคฎें เคนी เค†เคœ เค†เคช เคœाเคจेंเค—े। เคŸिเค• เคŸॉเค• เคเคช เค•ी เคชॉเคชुเคฒैเคฐिเคŸी เค‡ंเคกिเคฏा เคฎें เค•ाเคซी เคœ्เคฏाเคฆा เคนी เคนै। เค†เคœ เค•เคฒ เคนเคฐ เค•ोเคˆ เคŸिเค• เคŸॉเค• เคเคช เค•ा เค‡เคธ्เคคเคฎाเคฒ เค•เคฐเคคा เคนै। เคšाเคนे เคตो เค…เคชเคจी เคŸैเคฒेंเคŸ เค•ी เคช्เคฐเคฆเคฐ्เคถเคจ เค•เคฐเคจे เค•े เคฒिเค เคนो เคฏा เคซिเคฐ เคซेเคฎเคธ เคนोเคจे เค•े เคฒिเค,เค†เคœ เคนเคฐ เค•ोเคˆ เค‡เคธเค•ा เค‰เคชเคฏोเค— เค•เคฐเคจे เคฒเค—ा เคนै। เคคो เค•्เคฏा เค†เคช เคœाเคจเคคे เคนै เค…เคธเคฒ เคฎें เคŸिเค• เคŸॉเค• เคเคช เคนै เค•्เคฏा? เคถाเคฏเคฆ เค†เคช เคจเคนीं เคœाเคจเคคे เคนोंเค—े,เคคो เค†เคชเค•ो เคฌเคคा เคฆे เค•ी เค†เคช เคŸिเค• เคŸॉเค• เคเคช เคธे เคชैเคธा เคญी เค•เคฎा เคธเค•เคคे เคนैं। เค‡เคธ เคชोเคธ्เคŸ เคฎें เค†เค—े เคšเคฒเค•เคฐ เค†เคช เคฏे เคœाเคจเค•ाเคฐी เคญी เคœाเคจ เคชाเคंเค—े। เคคो เคšเคฒिเค เค†เค—े เคฌเคข़เคคे เคนै เค“เคฐ เคœाเคจเคคे เคนैं เค•ुเค› เคœเคฐूเคฐी เคœाเคจเค•ाเคฐिเคฏां เคŸिเค• เคŸॉเค• เคเคช เค•े เคฌाเคฐे เคฎें। เคŸिเค• เคŸॉเค• เคเคช เคŸिเค• เคŸॉเค• เคเคช เคเค• เคคเคฐเคน เค•ा เคถॉเคฐ्เคŸ เคตीเคกिเคฏो เคฎेเค•เคฐ,เคคเคฅा เคถॉเคฐ्เคŸ เคตीเคกिเคฏो เคฆेเค–เคจे เค•े เคฒिเค เคชॉเคชुเคฒเคฐ เคœเค—เคน เคญी เคนै। เค‡เคธ เคเคช เคฎें เค•ोเคˆ เคญी เค…เคชเคจी เคŸैเคฒेंเคŸ เคฆिเค–ाเค•เคฐ เคซेเคฎเคธ เคนो เคธเค•เคคा เคนै। เค†เคช เค‡เคธे เคเค• เคคเคฐเคน เค•ा เคช्เคฒेเคŸเคซॉ...
Post a Comment
Read more

Photo เคฌเคจाเคจे เคตाเคฒा Apps Download เค•เคฐें – 25+ เคซोเคŸो เคฌเคจाเคจे เค•ा เคเคช्เคธ

เค…เค—เคฐ เค†เคชเค•ो Best Photo Banane Wala Apps เคšाเคนिเคฏे เคคो เค†เคœ เค•ी เค‡เคธ เคชोเคธ्เคŸ เคฎे เคฌเคขीเคฏाँ photo editor Apps เค•े เคฌाเคฐे เคฎे เคฌเคคाเคจे เคตाเคฒा เคนु Best Photo Editor For Android Phone Download เค•เคฐ เคธเค•เคคे เคนै เค“เคฐ เค‡เคจเคธे เคถाเคจเคฆाเคฐ Photo Editing เค•เคฐ เคธเค•เคคे เคนै เค‡เคจ Photo Banane Ka Apps เค•ा เคฒเค—เคญเค— เคธเคญी เคฒोเค— เคซोเคŸो เคฌเคจाเคจे เค•े เคฒिเคฏे เค‰เคชเคฏोเค— เค•เคฐเคคे ...
Post a Comment
Read more

21 Way From Make Money ๐Ÿ’ฐ

Hello Dosto Bahut Logon Ne Mujhse Ye Sawaal Kiya Hai "Kya? Hum Internet  se Paise Kamaa Sakte Hain , Kya? Hum Online Paise Kamaa Sakte Hain" Bahut Saare Log Ye Sochte Hain Ki Internet Ke Jariye Paise Nahi Kamaye Ja Sakte Jo Bhi Log Aisa Sochte Hain Bahut hi Galat Sochte Hain. Internet Se Paise Kamaye ja Sakte Hain Bilkul Kamaye Ja Sakte Hain. Internet Ke Jariye Bahut Hi Accha Paisa Kamaya Ja Sakta Hai. Bhut saare Log Online Bahut Hi Accha Paisa Kamaa Bhi Rahe Hain To Aap Kyu Nahi Kamaa Sakte. Aaj me Aapko Batane wala Hu Internet se Paise Kaise Kamaye Ja Sakte Hain Online Paise Kaise Kamaye Ja Sakte Hain Vo Bhi Ek Ya Do Nahi Balki 21 Aise Raste Jahan Se Aap Bahut Hi Accha Paisa Kamaa Paoge.  1. Affiliate Marketing Ji Ha Affiliate Marketing Ke Jariye Aap Bina Kisi Investment Ke Ghar Baithe Bahut Hi Accha Paisa Kamaa Sakte Hai. Jaisa Ki Aap Dekh Hi Rahe Ho Aaj Ke is Online Ke Zamaane Mein Aaj Aapko Kuch Bhi Khareedana Ho To Aapko Market Jaane Ki Jarurat Hi Nahi Hai Aap Ghar Bet...
Post a Comment
Read more