W3.CSS रंग
W3.CSS में उपयोग की जाने वाली डिफ़ॉल्ट रंग योजना मटीरियल डिज़ाइन कलर्स (विपणन में उपयोग किए जाने वाले रंग, सड़क के संकेत और स्टिकी नोट्स) से प्रेरित है।
HTML तत्वों को रंगना
W3- रंग और w3- पाठ- रंग वर्गों का उपयोग किसी भी HTML तत्व को रंगने के लिए किया जा सकता है:
कंटेनर:
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
बटन:
मूलपाठ:
सीमाओं:
लाल
हरा
नीला
पीला
धूसर
काला
टेबल्स:
नाम | अंक |
---|---|
जिल स्मिथ | 50 |
ईव जैक्सन | 94 |
एडम जॉनसन | 67 |
पत्ते:
कार एक पहिया, स्व-संचालित मोटर वाहन है जिसका उपयोग परिवहन के लिए किया जाता है। शब्द की अधिकांश परिभाषाएँ निर्दिष्ट करती हैं कि कारों को मुख्य रूप से सड़कों पर चलने के लिए डिज़ाइन किया गया है, जिसमें एक से आठ लोगों के बैठने की जगह है, और आमतौर पर चार पहिये होते हैं। (विकिपीडिया)
पृष्ठभूमि रंग
w3- रंग वर्ग किसी भी HTML तत्व के लिए पृष्ठभूमि का रंग निर्धारित करते हैं :
लंडन
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
लंडन
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
लंडन
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
उदाहरण
<div class="w3-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-yellow">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-gray">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
सभी W3.CSS कक्षाओं में ग्रे और ग्रे रंग विनिमेय हैं।
पाठ रंग
w3-text- रंग वर्ग किसी भी HTML तत्व के टेक्स्ट का रंग सेट करते हैं :
लंडन
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
लंडन
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
उदाहरण
<div class="w3-text-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
होवर रंग
w3-hover- रंग वर्ग किसी भी HTML तत्व के लिए पृष्ठभूमि होवर रंग को परिभाषित करते हैं:
लंडन
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
उदाहरण
<div class="w3-container w3-orange w3-hover-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
w3-hover-text- रंग वर्ग किसी भी HTML तत्व के लिए टेक्स्ट होवर रंग को परिभाषित करते हैं:
लंडन
9 मिलियन से अधिक निवासियों के महानगरीय क्षेत्र के साथ लंदन यूनाइटेड किंगडम का सबसे अधिक आबादी वाला शहर है।
उदाहरण
<div class="w3-container w3-orange w3-hover-text-white">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
रंग पुस्तकालय
मानक W3.CSS रंगों के अलावा, W3.CSS कई अलग-अलग रंग पुस्तकालयों के रंगों का भी उपयोग कर सकता है:
विंडोज़ रंग:
विंडोज़ रंगों के बारे में अधिक जानने के लिए यहां क्लिक करें
फैशन रंग:
पीला
स्प्रूस
Peony
पोर्ट
फैशन के रंगों के बारे में अधिक जानने के लिए यहां क्लिक करें
राजमार्ग रंग:
रंग पुस्तकालयों के बारे में अधिक जानने के लिए यहां क्लिक करें
आप इस ट्यूटोरियल के बाद के अध्यायों में रंगों के बारे में बहुत कुछ जानेंगे।