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

CSS का उपयोग करके टेक्स्ट का रंग सेट करना

<घंटा/>

टेक्स्ट का रंग सेट करने के लिए, CSS में color प्रॉपर्टी का उपयोग करें। आप रंग नाम, हेक्साडेसिमल मान, RGB मान या HSL मान का उपयोग करके रंग सेट कर सकते हैं।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
span {
   background-color: orange;
   color: white;
}
p.demo {
   display: none;
}
span.demo1 {
   display: inline;
}
</style>
</head>
<body>
<h1>Match Details</h1>
<div>
Match will begin at <p class="demo">9AM</p> 10AM on 20th December.
</div>
<div>
Match will end at <span class="demo1">5PM</span> on 20th December.
</div>
</body>
</html>

आउटपुट

CSS का उपयोग करके टेक्स्ट का रंग सेट करना

उदाहरण

आइए अब एक और उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 {
   word-spacing: 1cm;
   color: #F8E61C;
}
p.demo2 {
   word-spacing: 40px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>

आउटपुट

CSS का उपयोग करके टेक्स्ट का रंग सेट करना


  1. CSS में कलर प्रॉपर्टी सेट करना

    हम CSS का उपयोग करके टेक्स्ट, बॉर्डर और तत्वों की पृष्ठभूमि के लिए रंगों को परिभाषित कर सकते हैं। किसी तत्व के टेक्स्ट रंग को निर्दिष्ट करने के लिए रंग गुण का उपयोग किया जाता है। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {रंग:/*मान*/} निम्नलिखित उदाहरण CSS रंग संपत्ति को दर्शा

  1. CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना

    CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    color: /*value*/ } निम्नल

  1. CSS का उपयोग करके लोकेशन कलर स्टॉप सेट करना

    रंग स्टॉप पर स्थान को प्रतिशत या पूर्ण लंबाई के रूप में सेट किया जा सकता है। उदाहरण के लिए, रैखिक ढाल के लिए background-image: linear-gradient(    rgb(61, 255, 2) 40%,    rgb(0, 174, 255) 80%,    rgb(255, 29, 29) 20% ); CSS का उपयोग करके रेखीय ग्रेडिएंट में स्थान का रं