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

CSS का उपयोग करके चार बॉर्डर का रंग सेट करें

<घंटा/>

चार बॉर्डर का रंग सेट करने के लिए, बॉर्डर-रंग प्रॉपर्टी . का इस्तेमाल करें . आप सभी सीमाओं के लिए सीमा रंग सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
            border-style: dashed;
            border-color: #808000 #800000 #FF0000 #FFFF00;
         }
      </style>
   </head>
   <body>
      <p>This is demo text with four colored border.</p>
   </body>
</html>

आउटपुट

CSS का उपयोग करके चार बॉर्डर का रंग सेट करें


  1. CSS का उपयोग करके लिंक का रंग सेट करना

    CSS हमें लिंक्स को कलर करने की अनुमति देता है। कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट में टेक्स्ट का रंग सेट करने के लिए किया जाता है। छद्म चयनकर्ताओं का क्रम निम्न द्वारा दिया जाता है:- :लिंक, :विजिटेड, :होवर, :सक्रिय। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    

  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 का उपयोग करके रेखीय ग्रेडिएंट में स्थान का रं