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

सीएसएस के साथ छवियों को कैसे स्टाइल करें?

<घंटा/>

CSS के साथ छवियों को स्टाइल करने के लिए, आपको ऊंचाई, चौड़ाई, - moz-opacity, आदि जैसे गुणों का उपयोग करने की आवश्यकता है। आइए देखें कि - moz-opacity CSS संपत्ति के साथ एक पारदर्शी छवि कैसे बनाएं:

किसी छवि की -मोज़-अपारदर्शिता गुण का उपयोग किसी छवि की अपारदर्शिता को सेट करने के लिए किया जाता है। इस गुण का उपयोग Mozilla में पारदर्शी छवि बनाने के लिए किया जाता है। IE उपयोग करता है फ़िल्टर:अल्फ़ा(अपारदर्शिता=x) पारदर्शी चित्र बनाने के लिए।

उदाहरण

आप सीएसएस के साथ एक छवि शैली और अस्पष्टता सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

<html>
   <head>
   </head>
   <body>
      <img style = "border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);"
         src = "https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
   </body>
</html>

  1. सीएसएस के साथ टेक्स्ट बटन कैसे स्टाइल करें?

    CSS के साथ टेक्स्ट बटन को स्टाइल करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> button {    border: none;    color: white;  

  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

    CSS के साथ hr एलिमेंट को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI',

  1. CSS के साथ लेबल कैसे स्टाइल करें?

    CSS के साथ लेबल को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI",