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

CSS के साथ पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें

<घंटा/>

रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 200px;
            background: radial-gradient(green, orange, maroon);
         }
      </style>
   </head>
   <body>
      <p>Setting background as radial gradient.</p>
      <div id = "demo"></div>
   </body>
</html>

  1. CSS के साथ एक बटन की चौड़ाई सेट करें

    बटन की चौड़ाई सेट करने के लिए, CSS चौड़ाई गुण का उपयोग करें। उदाहरण आप बटन की चौड़ाई निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; चौड़ाई:120 पीएक्स; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला;

  1. सीएसएस के साथ छवि पर बटन सेट करें

    आप छवि पर बटन सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;       &nbs

  1. सीएसएस के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें

    रैखिक ढाल () सीएसएस फ़ंक्शन के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &