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

सीएसएस के साथ गोलाकार छवि बनाएं

<घंटा/>

CSS के साथ एक गोलाकार छवि बनाने के लिए, सीमा-त्रिज्या . का उपयोग करें संपत्ति।

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            border-radius: 50%;
            border: 1px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>Coding Ground</h2>
      <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300">
   </body>
</html>

  1. कैसे सीएसएस के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए? कैसे सीएसएस के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए?

    CSS के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html {    height: 100vh;    margin: 0; &

  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 के साथ एक स्टिकी इमेज कैसे बनाएं? CSS के साथ एक स्टिकी इमेज कैसे बनाएं?

    CSS के साथ एक स्टिकी इमेज बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img {    position: sticky;    top: 0;    width: