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

CSS के साथ छवि पथ सेट करें

<घंटा/>

छवि पथ सेट करने के लिए सीमा-छवि-स्रोत संपत्ति का उपयोग सीएसएस में किया जाता है। आप छवि पथ सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<html>
   <head>
      <style>
         #borderimg1 {
            border: 15px solid transparent;
            padding: 15px;
            border-image-source: url(https://tutorialspoint.com/css/images/border.png);
            border-image-repeat: round;
         }
      </style>
   </head>
   
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>

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

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

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

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

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

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