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

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

<घंटा/>

CSS के साथ रिस्पॉन्सिव हैडर बनाने के लिए कोड निम्नलिखित है -

उदाहरण

 

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

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

स्क्रीन का आकार बदलने पर नेविगेशन मेनू का आकार इस प्रकार बदलता है -

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


  1. कैसे सीएसएस के साथ उत्तरदायी प्रशंसापत्र बनाने के लिए?

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

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

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

  1. CSS के साथ रिस्पॉन्सिव कॉलम कार्ड कैसे बनाएं?

    सीएसएस के साथ रिस्पॉन्सिव कॉलम कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .कार्ड {रंग:सफेद; नाव छोड़ी; चौड़ाई:कैल्क (25% - 20px); पैडिंग:10px; सीमा-त्रिज्या:10px; मार्जिन:10px; ऊंचाई:200px; }