सीएसएस बैकग्राउंड
- पिछला पृष्ठ सीएसएस एचएसएल रंग
- अगला पृष्ठ सीएसएस बैकग्राउंड इमेज
CSS पृष्ठभूमि एट्रिब्यूट एलिमेंट के पृष्ठभूमि प्रभाव को निर्धारित करते हैं।
इन अध्यायों में, आप निम्नलिखित CSS पृष्ठभूमि एट्रिब्यूट को सीखेंगे:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
CSS background-color
background-color पृष्ठभूमि रंग एट्रिब्यूट एलिमेंट के पृष्ठभूमि रंग निर्दिष्ट करता है।
इंस्टेंस
पृष्ठ के पृष्ठभूमि रंग को इस प्रकार सेट किया गया है:
body {
पृष्ठभूमि-रंग: lightblue;
}
CSS के द्वारा, रंग आमतौर पर निम्नलिखित तरीके से निर्दिष्ट किया जाता है:
- वैध रंग नाम - जैसे "red"
- सोलहवें अंक मान - जैसे "#ff0000"
- RGB मान - जैसे "rgb(255,0,0)"
कृपया देखें CSS रंग वैल्यूको पूरी तरह से रंग की मान की सूची प्राप्त करें।
अन्य एलिमेंट
आप किसी भी HTML एलिमेंट को पृष्ठभूमि रंग सेट कर सकते हैं:
इंस्टेंस
यहाँ, <h1>、<p> और <div> एलिमेंट भिन्न पृष्ठभूमि रंग होंगे:
h1 {
पृष्ठभूमि-रंग: green;
}
div {
पृष्ठभूमि-रंग: lightblue;
}
p {
पृष्ठभूमि-रंग: yellow;
}
अवरोधकता / अवरोधकता
अवरोधकता एट्रिब्यूट एलिमेंट की अवरोधकता/अवरोधकता निर्दिष्ट करता है। मान की आयाम 0.0 - 1.0 है। मान कम होने के साथ-साथ अवरोधकता बढ़ती जाती है:
इंस्टेंस
div {
पृष्ठभूमि-रंग: green;
अवरोधकता: 0.3;
}
ध्यान दें:इस्तेमाल करना अवरोधकता एलिमेंट के पृष्ठभूमि को अवरोधकता जगह देते समय, उसके सभी उप-एलिमेंट उसी अवरोधकता को आगे ले लेते हैं। यह पूरी तरह से अवरोधक एलिमेंट के भीतर के टेक्स्ट को पढ़ने में कठिनी पैदा कर सकता है。
RGBA की अवरोधकता का इस्तेमाल करना
अगर आप चाहते हैं कि उप-एलिमेंटों पर अवरोधकता न लगे, जैसे ऊपर के उदाहरण, तो इसे इस्तेमाल करें: RGBA रंग वाली माना नीचे के उदाहरण में पृष्ठभूमि रंग को सेट करता है न कि टेक्स्ट की अवरोधकता:
आप हमारे सीएसएस रंग अध्याय में आपने RGB को रंग वैल्यू के रूप में इस्तेमाल करने के बारे में सीखा।RGB के अतिरिक्त RGB रंग वैल्यू को एल्फा चैनलों को साथ मिलाकर इस्तेमाल किया जाता है (RGBA) - यह चैनल रंग की अस्पष्टता को निर्दिष्ट करता है。
RGBA रंग वैल्यू रखा गया है: rgba(रेड, ग्रीन, ब्लू, एल्फा)एल्फा पैरामीटर 0.0 (पूरी ट्रांसपेरेंस) और 1.0 (पूरी अस्पष्टता) के बीच की संख्या है।
टिप:आप हमारे सीएसएस रंग एक अध्याय में RGBA रंग के बारे में अधिक जानकारी मिली।
इंस्टेंस
div {
background: rgba(0, 128, 0, 0.3) /* 30% अस्पष्टता का हरे पृष्ठभूमि */
}
- पिछला पृष्ठ सीएसएस एचएसएल रंग
- अगला पृष्ठ सीएसएस बैकग्राउंड इमेज
