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

सीएसएस के साथ एक छवि को केंद्र में रखें

छवि को केंद्र में रखने के लिए, हाशिया-बाएं, हाशिया-दाएं का उपयोग करें और सीएसएस को ब्लॉक करें गुण। आप छवि को केंद्र में रखने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            border: 2px solid orange;
            border-radius: 3px;
            padding: 7px;
         }
         img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
         }
      </style>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300">
   </body>
</html>

  1. CSS के साथ हीरो इमेज कैसे बनाएं? CSS के साथ हीरो इमेज कैसे बनाएं?

    सीएसएस के साथ नायक छवि बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html {    height: 100%;    margin: 0;    f

  1. सीएसएस के साथ एक छवि को कैसे हिलाएं/झटकाएं? सीएसएस के साथ एक छवि को कैसे हिलाएं/झटकाएं?

    CSS के साथ इमेज को हिलाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{    width: 400px;    height: 400px;    margin:50p

  1. कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए? कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए?

    सीएसएस के साथ एक छवि में एक बटन जोड़ने के लिए निम्नलिखित कोड है - उदाहरण img{ चौड़ाई:100%;}div { स्थिति:रिश्तेदार; चौड़ाई:100%; अधिकतम-चौड़ाई:400px;}div img {चौड़ाई:100%; ऊंचाई:ऑटो;} div बटन {स्थिति:निरपेक्ष; शीर्ष:50%; बाएं:50%; परिवर्तन:अनुवाद (-50%, -50%); पृष्ठभूमि-रंग:आरजीबी (64, 21, 133); रंग