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

CSS के साथ Hue-Saturation-Lightness मॉडल (HSL) का उपयोग करके रंगों को परिभाषित करें

<घंटा/>

ह्यू-सेचुरेशन-लाइटनेस मॉडल (HSL) का उपयोग करके रंगों को परिभाषित करने के लिए, hsl() CSS पद्धति का उपयोग करें।

आप सीएसएस में एचएसएल () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            background-color:hsl(0,100%,50%);
         }
         h2 {
            background-color:hsl(192,89%,48%);
         }
      </style>
   </head>
   <body>
      <h1>Red Background</h1>
      <h2>Blue Background</h2>
   </body>
</html>

  1. सीएसएस का उपयोग करके एक्स अक्ष के साथ तिरछा परिवर्तन को परिभाषित करें

    आप सीएसएस का उपयोग करके एक्स-अक्ष के साथ-साथ तिरछा परिवर्तन को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html>    <head>       <style>          div {             width: 30

  1. CSS बॉक्स मॉडल को परिभाषित करें

    जब हम डिजाइन और लेआउट शब्द पर चर्चा करते हैं, तो हम इसे बॉक्स मॉडल कहते हैं। HTML में सभी तत्वों को बॉक्स माना जाता है। CSS बॉक्स मॉडल में मार्जिन, बॉर्डर, पैडिंग और सामग्री है।

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

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