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

CSS

  1. CSS से इमेज पर बॉर्डर कैसे जोड़ें?

    CSS से इमेज पर बॉर्डर जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <style> img {    border: 8px solid rgb(0, 238, 255);    width: 400px;    height: 400px; } </style> </head> <body> <h1>Border Around Imag

  2. CSS से रिस्पॉन्सिव 'मीट द टीम' पेज कैसे बनाएं?

    HTML और CSS से रिस्पॉन्सिव मीट द टीम पेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> html {    box-sizing: border-box; } body{    font

  3. CSS से स्टिकी इमेज कैसे बनाएं?

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

  4. CSS से इमेज को फ्लिप/मिरर इफेक्ट कैसे दें?

    CSS से इमेज को फ्लिप करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img:hover {    transform: scaleX(-1);    width: 400;    heig

  5. CSS से इमेज को शेक/विगल कैसे करें?

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

  6. CSS से रिस्पॉन्सिव पोर्टफोलियो गैलरी ग्रिड कैसे बनाएं?

    CSS से रिस्पॉन्सिव पोर्टफोलियो गैलरी ग्रिड बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * {    box-sizing: border-box; } h1 {    font

  7. CSS से फुल-विड्थ इमेज पर फॉर्म कैसे जोड़ें?

    CSS से फुल-विड्थ इमेज पर फॉर्म जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html {    height: 100%;    margin: 0;    p

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

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

  9. CSS से ब्लरी बैकग्राउंड इमेज कैसे बनाएं?

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

  10. CSS से स्क्रॉल पर बैकग्राउंड इमेज कैसे बदलें?

    CSS से स्क्रॉल करने पर बैकग्राउंड इमेज बदलने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1> <style> body, html {    height: 100%;    margin: 0;    

  11. CSS से इमेज को साइड बाय साइड कैसे अलाइन करें?

    CSS से इमेज को साइड बाय साइड अलाइन करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <style> * {    box-sizing: border-box; } .imageColumn {    float: left;    width: 25%;    padding: 10px; } h1{    text-align: cen

  12. CSS से राउंडेड और सर्कुलर इमेज कैसे बनाएं?

    CSS से राउंडेड और सर्कुलर इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img {    border-radius: 50%;    width: 300px;    

  13. CSS से अवतार इमेज कैसे बनाएं?

    CSS से अवतार इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .avatarImage {    vertical-align: middle;    width: 250px;    

  14. CSS से रिस्पॉन्सिव इमेज कैसे बनाएं?

    CSS से रिस्पॉन्सिव इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img {    width: 100%;    max-width: 1000px; } </style> </

  15. CSS से इमेज को सेंटर कैसे करें?

    CSS से इमेज को सेंटर करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img {    display: block;    margin-left: auto;    margin-rig

  16. CSS से थंबनेल इमेज कैसे बनाएं?

    CSS से थंबनेल इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> img {    border: 3px solid rgb(208, 255, 0);    border-radius: 4px; &

  17. CSS से इमेज ओवरले होवर स्लाइड इफेक्ट्स कैसे बनाएं?

    CSS से इमेज ओवरले होवर स्लाइड इफेक्ट्स बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .card-container {    position: relative;    width:

  18. CSS से इमेज ओवरले ज़ूम होवर इफेक्ट कैसे बनाएं?

    CSS से इमेज ओवरले ज़ूम होवर इफेक्ट बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .card-container {    position: relative;    width: 50%;

  19. CSS से इमेज ओवरले टाइटल होवर इफेक्ट कैसे बनाएं?

    CSS से इमेज ओवरले टाइटल होवर इफेक्ट बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box;} .card-container {    position: relat

  20. CSS से इमेज ओवरले आइकॉन होवर इफेक्ट कैसे बनाएं?

    CSS से इमेज ओवरले आइकॉन होवर इफेक्ट बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-aweso

Total 1584 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:15/80  20-कंप्यूटर/Page Goto:1 9 10 11 12 13 14 15 16 17 18 19 20 21