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

CSS

  1. CSS से इमेज पर विजुअल इफेक्ट्स कैसे जोड़ें?

    CSS से इमेज पर विजुअल इफेक्ट्स जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{    margin: 20px; } img.normal{    margin-left: 30%; &

  2. CSS से ब्लैक एंड व्हाइट इमेज कैसे बनाएं?

    CSS से ब्लैक एंड व्हाइट इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{    margin: 20px; } img.normal{    margin-left: 30%; &nbs

  3. HTML और CSS से इमेज पर टेक्स्ट कैसे रखें?

    HTML और CSS से इमेज पर टेक्स्ट रखने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> h1{    text-align: center; } .imageContainer {    margin-lef

  4. CSS से इमेज पर टेक्स्ट ब्लॉक कैसे रखें?

    CSS से इमेज पर टेक्स्ट ब्लॉक रखने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .imageContainer {    display: inline-block;    position: relat

  5. CSS से ट्रांसपेरेंट बैकग्राउंड टेक्स्ट के साथ इमेज कैसे बनाएं?

    CSS से ट्रांसपेरेंट बैकग्राउंड टेक्स्ट के साथ इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" imageContent="width=device-width, initial-scale=1"> <style> * {    box-sizing: border-box; } body { &nbs

  6. CSS से फुल-पेज बैकग्राउंड इमेज कैसे बनाएं?

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

  7. CSS से फिक्स्ड सोशल मीडिया आइकॉन बार कैसे बनाएं?

    CSS से फिक्स्ड सोशल मीडिया आइकॉन बार बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"    integrity="sha384-wvfXpqpZZVQGK6

  8. CSS से पिल नेविगेशन मेनू कैसे बनाएं?

    CSS से पिल नेविगेशन मेनू बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <title>Document </title> <style> nav{    width: 100%;    background-color: rgb(255, 251, 251);    overflow: auto;    

  9. CSS से रिस्पॉन्सिव हेडर कैसे बनाएं?

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

  10. CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो कैसे बनाएं?

    CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * {    box-sizing: border-box; } .Slide {    d

  11. CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो गैलरी कैसे बनाएं?

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

  12. HTML और CSS से रिस्पॉन्सिव इमेज ग्रिड कैसे बनाएं?

    HTML और CSS से रिस्पॉन्सिव इमेज ग्रिड बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <style> * {    box-sizing: border-box; } h1 {    text-align: center; } .outer-grid {    display: flex;    flex-wrap: wrap;    padding: 0 4

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

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

  14. CSS से ड्रॉपअप मेनू कैसे बनाएं?

    CSS से ड्रॉपअप मेनू बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .menu-btn {    background-color: #7e32d4;    color: white;   &n

  15. HTML और CSS से मेगा मेनू (फुल-विड्थ ड्रॉपडाउन) कैसे बनाएं?

    HTML और CSS से मेगा मेनू बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <style> body {    margin: 0;    padding: 0; } *,*::before,*::after{    box-sizing: border-box; } nav {    overflow: hidden;    background-

  16. CSS से पेजिनेशन कैसे बनाएं?

    CSS से पेजिनेशन बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g

  17. CSS से ब्रेडक्रंब नेविगेशन कैसे बनाएं?

    CSS से ब्रेडक्रंब नेविगेशन बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title&

  18. CSS से बटन ग्रुप कैसे बनाएं?

    CSS से बटन ग्रुप बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <style> .btnGroup{    display: inline-block;    font-size: 0;    border: 2px solid darkgreen;    box-shadow: 5px 10px 18px rgb(55, 173, 39); } button{    float

  19. CSS से वर्टिकल बटन ग्रुप कैसे बनाएं?

    CSS से वर्टिकल बटन ग्रुप बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <style> *,*::before,*::after{    box-sizing: border-box; } .btnGroup{    display: inline-block;    font-size: 0;    border: 2px solid darkgreen;    box

  20. CSS से इमेज पर नेविगेशन मेनू कैसे जोड़ें?

    CSS का उपयोग करके इमेज पर नेविगेशन मेनू जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&

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