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

CSS

  1. सीएसएस के साथ छवियों में दृश्य प्रभाव कैसे जोड़ें?

    CSS के साथ छवियों में दृश्य प्रभाव जोड़ने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{    margin: 20px; } img.normal{    margin-l

  2. सीएसएस के साथ एक श्वेत और श्याम छवि कैसे बनाएं?

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

  3. एचटीएमएल और सीएसएस के साथ एक छवि पर टेक्स्ट कैसे रखें?

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

  4. CSS का उपयोग करके किसी छवि पर टेक्स्ट ब्लॉक कैसे लगाएं?

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

  5. सीएसएस का उपयोग करके पारदर्शी पृष्ठभूमि टेक्स्ट के साथ एक छवि कैसे बनाएं?

    सीएसएस का उपयोग करके पारदर्शी पृष्ठभूमि टेक्स्ट के साथ एक छवि बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" imageContent="width=device-width, initial-scale=1"> <style> * {    box-sizing: border-

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

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

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

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

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

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

  9. कैसे सीएसएस के साथ एक उत्तरदायी शीर्ष लेख बनाने के लिए?

    CSS के साथ रिस्पॉन्सिव हैडर बनाने के लिए कोड निम्नलिखित है - उदाहरण * {box-sizing:Border-box; }एनएवी {अतिप्रवाह:छिपा हुआ; पृष्ठभूमि-रंग:#330b7c; पैडिंग:10px;}.लिंक्स { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; फोंट की मोटाई:बोल्ड; नाव छोड़ी; रंग सफेद; पाठ-संरेखण:केंद्र; पैडिंग:

  10. कैसे सीएसएस और जावास्क्रिप्ट के साथ एक उत्तरदायी स्लाइड शो बनाने के लिए?

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

  11. कैसे सीएसएस और जावास्क्रिप्ट के साथ एक उत्तरदायी स्लाइड शो गैलरी बनाने के लिए?

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

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

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

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

    CSS के साथ बॉटम नेविगेशन मेन्यू तैयार करने के लिए निम्नलिखित कोड है - उदाहरण .card-container { display:inline-block; स्थिति:रिश्तेदार; चौड़ाई:50%;} आईएमजी { अस्पष्टता:1; प्रदर्शन क्षेत्र; चौड़ाई:100%; संक्रमण:.5s आसानी; बैकफेस-विजिबिलिटी:हिडन;}। होवरटेक्स्ट {संक्रमण:.5s आसानी; अस्पष्टता:0; स्थिति:नि

  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

  15. HTML और CSS के साथ एक मेगा मेनू (नेविगेशन बार में पूर्ण-चौड़ाई वाला ड्रॉपडाउन मेनू) कैसे बनाएं?

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

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

    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>

  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>D

  18. सीएसएस के साथ एक बटन समूह कैसे बनाएं?

    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

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

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

  20. सीएसएस के साथ एक छवि पर नेविगेशन मेनू कैसे जोड़ें?

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

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