hinditoper.com

hinditoper.com
background color in html code

CSS की मदद से html में background color कैसे लगाए | background color in html code

background color in html code

यह तीन मुख्य तरीके इस प्रकार है –

  • कलर का नाम लिख कर
  • कलर का rgb कोड लिख कर
  • कलर का hex code लिख कर

कलर का नाम लिख कर

Background color को लगाने या बदलने के लिए हम सीधे सीधे आसन तरीके से background color का नाम देकर background color को लगा सकते हैं या program के code में color का नाम बदल कर background color को बदल सकते हैं ।

कलर का rgb कोड लिख कर

Background color को लगाने के लिए या उसे बदलने के लिए दूसरा मुख्य तरीका यह है की हम उसमे RGB की value को fix कर background color को लगा सकते हैं या फिर आसानी से बदल सकते हैं यह वैल्यू RGB में 255 तक आखिरी रहती है अर्थात् हम किसी भी कलर को fix करने के लिए 255 तक ही fix कर सकते है ।

कलर का hex code लिख कर

परंतु इस तरीके से भी background color को लगाया जा सकता है । हम किसी भी कलर के कोड का पता photoshop software में जाकर देख सकते है की किस कलर का क्या कोड है इस कोड को hexa code कहते है यह कोड # ( हैश hash ) से शुरू होता है ।

अब जैसा की आपको पता है की html ( hyper text markup language ) में प्रोग्राम के कोड को कैसे लिखा जाता है ? अर्थात् सबसे पहले हम meta tags का उपयोग कर प्रोग्राम को लिखने की शुरुआत करते है।

अब एक सरल प्रोग्राम की सहायता से देखते है की किस प्रकार हम html के प्रोग्राम के कोड में कैसे background color को बदल सकते है या फिर आसानी से लगा सकते हैं ।

इस प्रोग्राम में हम red color का उपयोग background color के लिए करेंगे –

background color in html code

जैसा की कोड में दिख रहा है की meta tags लगाने के बाद हमे background color को कैसे बदल सकते है उस कोड को लिखेगें ।

html program के कोड में <html> tag, <body> tag होन की closing meta tags है।
उसी प्रकार

<h2> heading tag है ।

<br> breaking tag है ।

  1. कलर का नाम लिख कर
    उदाहरण : red
  2. कलर का rgb कोड लिख कर
    उदाहरण : rgb(255,0,0)
  3. कलर का hex code या hex value लिख कर
    उदाहरण : #FF0000

दिए गये प्रोग्राम का output कुछ इस प्रकार दिखाई देगा

background color in html code

नीचे की ओर कुछ colors के hex code और rgb code दिए गए हैं –

  1. Red color
    Hex code – #FF0000
    RGB code – rgb (255,0,0)
  2. Pink color
    Hex code – #FFC0CB
    RGB code – rgb (255,192,203)
  3. Orange color
    Hex code – #FFA500
    RGB code – rgb (255,165,0)
  4. Yellow color
    Hex code – #FFFF00
    RGB code – rgb (255,255,0)
  5. Purple color
    Hex code – #800080
    RGB code – rgb (128,0,128)
  6. White color
    Hex code – #FFFFFF
    RGB code – rgb (255,255,255)
  7. Black color
    Hex code – #000000
    RGB code – rgb (0,0,0)
  8. Blue color
    Hex code – #0033FF
    RGB code – rgb (0,51,255)
  9. Gray color
    Hex code – #808080
    RGB code – rgb (128,128,128)
  10. Chocolate color
    Hex code – #D2691E
    RGB code – rgb (210,105,30)

प्रश्नों के उत्तर (FAQs)

CSS Gradient Background क्या होता है?

CSS Gradient Background एक प्रकार की बैकग्राउंड होती है जो दो या दो से अधिक रंगों को आपस में मिलाकर बनाई जाती है। यह वेब पेजों को एक आकर्षक और शैलीष्ठ दिखावट देने के लिए उपयोग होती है।

क्या हम एक Image को Background के रूप में उपयोग कर सकते हैं?

हां, आप एक छवि को Background के रूप में भी उपयोग कर सकते हैं। इसके लिए CSS के background-image आवश्यकता होती है।

क्या हम एक Element के लिए एक से अधिक Background Color लगा सकते हैं?

हां, आप एक Element के लिए एक से अधिक Background Color लगा सकते हैं। इसके लिए आप background प्रॉपर्टी की मदद से मान्यता प्राप्त कर सकते हैं।

क्या CSS केवल Background Color के लिए होता है?

नहीं, CSS केवल Background Color के लिए नहीं होता है, बल्कि यह वेब पेज की पूरी डिज़ाइनिंग को संचालित करने में मदद करता है। आप फ़ॉन्ट, पैडिंग, मार्जिन, बॉर्डर, और अन्य स्टाइलिंग भी सेट कर सकते हैं।

2 thoughts on “CSS की मदद से html में background color कैसे लगाए | background color in html code”

  1. Pingback: Id selector और class selector in Hindi | Id और Classमें अंतर

  2. Pingback: List tag in html क्या है | list tag in Hindi

Leave a Comment

Your email address will not be published. Required fields are marked *