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

CSS

  1. सीएसएस के साथ एक छवि में सीमा कैसे जोड़ें?

    CSS का उपयोग करके किसी छवि में बॉर्डर जोड़ने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <style> img {    border: 8px solid rgb(0, 238, 255);    width: 400px;    height: 400px; } </style> </head> <body> <h

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

    उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> html {    box-sizing: border-box; } body{    font-family: monospace,serif,sans-serif; } img{    height: 30

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

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

  4. कैसे सीएसएस के साथ एक छवि फ्लिप करने के लिए (एक दर्पण प्रभाव जोड़ें)?

    उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img:hover {    transform: scaleX(-1);    width: 400;    height: 400; } </style> </head> <bo

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

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

  6. कैसे सीएसएस के साथ एक उत्तरदायी पोर्टफोलियो गैलरी ग्रिड बनाने के लिए?

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

  7. CSS के साथ पूर्ण-चौड़ाई वाली छवि में फ़ॉर्म कैसे जोड़ें?

    उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html {    height: 100%;    margin: 0;    padding: 0;    font-family: 'Segoe UI', T

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

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

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

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

  10. कैसे सीएसएस के साथ स्क्रॉल पर पृष्ठभूमि छवियों को बदलने के लिए?

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

  11. सीएसएस के साथ-साथ छवियों को कैसे संरेखित करें?

    CSS का उपयोग करके छवियों को साथ-साथ संरेखित करने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <style> * {    box-sizing: border-box; } .imageColumn {    float: left;    width: 25%;    padding: 10px; } h1{    

  12. सीएसएस के साथ गोलाकार और गोलाकार छवियां कैसे बनाएं?

    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; &nb

  14. कैसे सीएसएस के साथ एक उत्तरदायी छवि बनाने के लिए?

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

  15. सीएसएस के साथ एक छवि कैसे केंद्रित करें?

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

  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);    b

  17. सीएसएस के साथ छवि ओवरले होवर स्लाइड प्रभाव कैसे बनाएं?

    CSS के साथ इमेज ओवरले होवर स्लाइड इफेक्ट बनाने के लिए निम्नलिखित कोड है - उदाहरण .card-container { स्थिति:सापेक्ष; चौड़ाई:50%;}img {प्रदर्शन:ब्लॉक; चौड़ाई:100%;}। ओवरले { स्थिति:निरपेक्ष; नीचे:100%; पृष्ठभूमि-रंग:आरजीबी (55, 74, 179); छिपा हुआ सैलाब; चौड़ाई:100%; ऊंचाई:0; ट्रांज़िशन:.5s ईज़ी-इन-आउट;

  18. कैसे सीएसएस के साथ होवर पर एक छवि ओवरले ज़ूम प्रभाव बनाने के लिए?

    होवर पर छवि ओवरले ज़ूम प्रभाव बनाने के लिए कोड निम्नलिखित है - उदाहरण .card-container { स्थिति:सापेक्ष; चौड़ाई:50%;}img {प्रदर्शन:ब्लॉक; चौड़ाई:100%;}। ओवरले { स्थिति:निरपेक्ष; शीर्ष:0; नीचे:0; बाएं:0; दाएं:0; पृष्ठभूमि-रंग:आरजीबी (55, 74, 179); छिपा हुआ सैलाब; चौड़ाई:100%; ऊंचाई:0; ट्रांसफॉर्म:स्के

  19. कैसे सीएसएस के साथ होवर पर एक छवि ओवरले शीर्षक बनाने के लिए?

    CSS का उपयोग करके होवर पर एक छवि ओवरले शीर्षक बनाने के लिए कोड निम्नलिखित है - उदाहरण * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; }.कार्ड-कंटेनर { स्थिति:रिश्तेदार; चौड़ाई:50%;}। छवि {प्रदर्शन:ब्लॉक; चौड़ाई:100%; ऊंचाई:ऑटो;}। ओवरले { स्थिति:निरपेक्ष; नीचे:0; पृष्ठभूमि:आरजीबीए (48, 9, 155, 0.5); चौड़ाई:78%; संक्

  20. सीएसएस के साथ होवर पर छवि ओवरले आइकन प्रभाव कैसे बनाएं?

    CSS का उपयोग करके होवर पर छवि ओवरले आइकन प्रभाव उत्पन्न करने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://stackpath.bootstrapcdn.com/font-aw

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