Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

CSS से किसी तत्व का पृष्ठभूमि रंग सेट करें

किसी तत्व का पृष्ठभूमि रंग सेट करने के लिए, background-color गुण का उपयोग करें।

उदाहरण

निम्न कोड चलाकर देखें कि background-color गुण कैसे काम करता है:

<html>
  <head>
  </head>
  <body>
    <p style="background-color:blue;">
      This text has a blue background color.</p>
  </body>
</html>

रंग मान हेक्स, RGB, RGBA, HSL, HSLA या नामित रंग हो सकते हैं।

  1. - CSS से फॉर्म इनपुट में बैकग्राउंड कलर जोड़ें

    फॉर्म इनपुट में बैकग्राउंड कलर जोड़ने के लिए background-color प्रॉपर्टी का उपयोग करें। फॉर्म पर बैकग्राउंड कलर प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          i

  1. - CSS background-color से बटन का बैकग्राउंड रंग बदलें

    CSS background-color प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) का पृष्ठभूमि रंग बदला जा सकता है। यह बटन की दृश्य पहचान और ब्रांडिंग के लिए महत्वपूर्ण है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर background-color: yellow लागू करके पीला बैकग्राउंड सेट किया गया है। <!DOCTYPE html> <html>

  1. - CSS के साथ रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें

    radial-gradient() CSS फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें। यह फ़ंक्शन एक केंद्र बिंदु से बाहर की ओर फैलने वाला ग्रेडिएंट बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 200px; back