सीएसएस पृष्ठभूमि-रंग गुण टेक्स्ट तत्व पर रंग लागू करता है। आप एक सीएसएस बिल्ट-इन कलर कीवर्ड, एक हेक्साडेसिमल वैल्यू या बैकग्राउंड-कलर प्रॉपर्टी के साथ एक और कलर वैल्यू निर्दिष्ट कर सकते हैं। इस प्रॉपर्टी का सिंटैक्स है:रंग:आपका रंग;.
सीएसएस फ़ॉन्ट रंग कैसे लागू करें
वेबसाइट पर टेक्स्ट का रंग और पृष्ठभूमि का रंग सेट करना वेब डिज़ाइन का एक अनिवार्य हिस्सा है।
यहीं पर CSS रंग और पृष्ठभूमि-रंग गुण आते हैं। रंग गुण आपको HTML टेक्स्ट का रंग सेट करने देता है। बैकग्राउंड-कलर प्रॉपर्टी आपको टेक्स्ट बैकग्राउंड कलर्स को परिभाषित करने देती है।
यह ट्यूटोरियल उदाहरणों के साथ चर्चा करेगा कि CSS में टेक्स्ट का रंग कैसे सेट किया जाए। फिर हम इस बारे में बात करेंगे कि टेक्स्ट एलिमेंट का बैकग्राउंड कलर कैसे सेट किया जाए।
सीएसएस फ़ॉन्ट रंग
एक सीएसएस फ़ॉन्ट रंग रंग संपत्ति का उपयोग करके सेट किया गया है। रंग गुण टेक्स्ट का रंग सेट करता है, तत्व की पृष्ठभूमि नहीं। रंग सेट करने के लिए आप सीएसएस रंग कीवर्ड या रंग मान जैसे हेक्साडेसिमल स्ट्रिंग्स का उपयोग कर सकते हैं।
रंग संपत्ति के लिए वाक्य रचना है:
p {
color: red;
} यह नियम HTML दस्तावेज़ में सभी
टैग का रंग लाल रंग में सेट करता है।
हमने CSS कलर कीवर्ड का इस्तेमाल किया। यदि आप "लाल" या "पीलानीला" जैसे किसी मानक रंग का उल्लेख करना चाहते हैं तो ये कीवर्ड सुविधाजनक हैं। लेकिन, ये कीवर्ड स्पेक्ट्रम के हर रंग का वर्णन नहीं करते हैं। यदि आप किसी विशिष्ट रंग का उपयोग करना चाहते हैं, तो आप किसी अन्य प्रकार के रंग लेबल का उपयोग करना चाह सकते हैं।
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
रंग गुण निम्न में से किसी एक मान को स्वीकार करता है:
| मान | विवरण | उदाहरण |
| रंग का नाम | एक रंग का नाम | नीला, हॉटपिंक |
| हेक्स रंग | एक हेक्साडेसिमल रंग। पहचानकर्ता छह वर्ण लंबे होते हैं। | #f7f7f7, #0000ff |
| आरजीबी रंग | RGB का मतलब लाल, हरा और नीला है। | आरजीबी(0, 50, 28), आरजीबी(0, 0, 255) |
| HSL रंग | HSL का मतलब रंग, संतृप्ति और हल्कापन है। | hsl(0, 50%, 50%), hsl(180, 50%, 25%) |
डिफ़ॉल्ट रूप से, वेब पेज द्वारा उपयोग किया जाने वाला टेक्स्ट कलर टेक्स्ट कलर होता है जो . पर लागू होता है एक वेब पेज पर टैग। जब तक अन्यथा निर्दिष्ट न हो, यह काला होगा।
आप अपनी स्टाइल शीट में लिंक रंगों को परिभाषित करने के लिए कलर प्रॉपर्टी का उपयोग कर सकते हैं।
आइए एक उदाहरण के माध्यम से देखें कि रंग संपत्ति कैसे काम करती है।
फ़ॉन्ट रंग बदलें CSS:एक उदाहरण
मान लीजिए कि हम एक स्थानीय किराना स्टोर, पीटरसन एंड संस के लिए एक वेबसाइट डिजाइन कर रहे हैं। मालिक चाहते हैं कि वेबसाइट ग्रे फ़ॉन्ट में टेक्स्ट का एक निश्चित ब्लॉक प्रदर्शित करे। हम इसे निम्नलिखित कोड का उपयोग करके सेट कर सकते हैं:
<html>
<p>Peterson and Sons was founded by Louis Peterson in 1927. Louis was a Seattle resident with a dream of bringing fresh groceries to his local neighborhood. Peterson and Sons primarily sells fresh food and groceries, including delicious deli meat and artisan cheese.
Today, Peterson and Sons operates five stores across the Seattle area.</p>
<style>
p {
color: gray;
}
हमारा कोड लौटाता है:
हमारे एचटीएमएल/सीएसएस कोड का आउटपुट देखने के लिए ऊपर दिए गए कोड संपादक में बटन।
हम एक
यदि हम आरजीबी रंग मान को संदर्भित करना चाहते हैं तो हम "ग्रे" के स्थान पर "आरजीबी (128, 128, 128)" निर्दिष्ट कर सकते हैं। वैकल्पिक रूप से, हम हेक्साडेसिमल मान या HSL मान का उपयोग करके टेक्स्ट के रंग को ग्रे पर सेट कर सकते थे।
हम अपनी शैलियों के लिए CSS फ़ाइल का उपयोग नहीं कर रहे हैं। हमारी CSS शैलियाँ हमारे HTML दस्तावेज़ में