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

CSS

  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

    CSS के साथ hr एलिमेंट को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI',

  2. CSS के साथ कूपन कैसे बनाएं?

    CSS के साथ एक कूपन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma

  3. सीएसएस के साथ एक मूल सूची को सूची समूह में कैसे परिवर्तित करें?

    सीएसएस के साथ एक बुनियादी सूची को सूची समूह में बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family:

  4. कैसे सीएसएस का उपयोग कर गोलियों के बिना एक अनियंत्रित सूची बनाने के लिए?

    CSS का उपयोग करके बुलेट के बिना एक अनियंत्रित सूची बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    ul { &nbs

  5. CSS के साथ रिस्पॉन्सिव टाइपोग्राफी कैसे बनाएं?

    सीएसएस के साथ प्रतिक्रियाशील टाइपोग्राफी बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <head> <style>    h1 {       font-size: 10vw; &n

  6. CSS के साथ रिस्पॉन्सिव कटआउट/नॉकआउट टेक्स्ट कैसे बनाएं?

    CSS के साथ रिस्पॉन्सिव नॉकआउट टेक्स्ट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {font-family: 'Segoe UI', Tahoma, Genev

  7. CSS के साथ प्रीलोडर कैसे बनाएं?

    CSS के साथ एक प्रीलोडर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body{       font-family: 'Segoe UI', Tahom

  8. CSS के साथ एक साधारण स्टार रेटिंग लुक कैसे बनाएं?

    सीएसएस के साथ एक साधारण स्टार रेटिंग लुक बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <style>    bod

  9. CSS के साथ यूजर रेटिंग स्कोरकार्ड कैसे बनाएं?

    CSS के साथ उपयोगकर्ता रेटिंग स्कोरकार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण * { बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } बॉडी { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; मार्जिन:30 पीएक्स; अधिकतम-चौड़ाई:800px; पैडिंग:20 पीएक्स; } .rateHeader {फ़ॉन्ट-आकार:25px; मार्जिन-दाएं:25px; } .

  10. सीएसएस के साथ ओवरले प्रभाव कैसे बनाएं?

    CSS के साथ एक ओवरले प्रभाव बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fontawesome.min.css"> <style> body {    font-family:

  11. CSS के साथ कॉन्टैक्ट चिप्स कैसे बनाएं?

    सीएसएस के साथ संपर्क चिप्स बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tah

  12. CSS के साथ कार्ड कैसे बनाएं?

    CSS के साथ कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body{ font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; मार्जिन:20 पीएक्स; } .कार्ड { बॉक्स-छाया:0 4px 8px 0 rgba(0,0,0,0.2); चौड़ाई:40%; अधिकतम-चौड़ाई:300px; पृष्ठभूमि-रंग:आरजीबी (56, 185, 185); } .कार्ड:होवर {बॉक्स-छाया:0 8px 16

  13. CSS के साथ फ्लिप कार्ड कैसे बनाएं?

    CSS के साथ एक फ्लिप कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       font-family: 'Segoe UI', Tah

  14. CSS के साथ प्रोफाइल कार्ड कैसे बनाएं?

    CSS के साथ एक प्रोफाइल कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } .profileCard { बॉक्स-छाया:0 4px 8px 0 rgba (0, 0, 0, 0.2); अधिकतम-चौड़ाई:300px; मार्जिन:ऑटो; पाठ-संरेखण:केंद्र; फ़ॉन्ट-परिवार:एरियल; पृष्ठभूमि-रंग:आरजीबी(190, 224

  15. CSS के साथ प्रोडक्ट कार्ड कैसे बनाएं?

    CSS के साथ उत्पाद कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } .productCard { बॉक्स-छाया:0 4px 8px 0 rgba(0, 0, 0, 0.2); अधिकतम-चौड़ाई:300px; मार्जिन:ऑटो; पाठ-संरेखण:केंद्र; फ़ॉन्ट-परिवार:एरियल; पृष्ठभूमि-रंग:आरजीबी(190, 224, 224)

  16. सीएसएस के साथ अलर्ट संदेश कैसे बनाएं?

    CSS के साथ अलर्ट संदेश बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma,

  17. CSS के साथ टूलटिप्स कैसे बनाएं?

    CSS के साथ टूलटिप्स बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <style>    body {       text-align: center;       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .tooltip

  18. CSS3 बॉक्स की चौड़ाई के साथ बॉक्स-साइज़िंग

    न केवल तत्व की चौड़ाई, बल्कि ऊंचाई को बदलने के लिए बॉक्स-आकार की संपत्ति का उपयोग करें। CSS3 का उपयोग करके बॉक्स-साइज़िंग के साथ बॉक्स की चौड़ाई के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tah

  19. कैसे सीएसएस के साथ होवर पर एक तत्व प्रदर्शित करने के लिए?

    CSS के साथ होवर पर किसी तत्व को प्रदर्शित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       margin:20px;       padding:20px;       font-family: 'Segoe UI', Tahoma, Geneva,

  20. माउस ओवर पर छवि अस्पष्टता बदलें

    माउस-ओवर पर अपारदर्शिता को बदलने के लिए :hover चयनकर्ता के साथ अपारदर्शिता गुण का उपयोग करें। माउस पर छवि अस्पष्टता बदलने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body{    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-

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