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

सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं?

CSS के साथ 4-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है -

उदाहरण

चार कॉलम ग्रिड उदाहरण
पहले डिव पर कुछ टेक्स्ट


दूसरे div पर कुछ टेक्स्ट


तीसरे डिव पर कुछ टेक्स्ट


चौथे डिव पर कुछ टेक्स्ट



 
आउटपुट
 

 उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
 
 सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं?
  1. सीएसएस और जावास्क्रिप्ट के साथ एक विस्तारित ग्रिड कैसे बनाएं? सीएसएस और जावास्क्रिप्ट के साथ एक विस्तारित ग्रिड कैसे बनाएं?

    सीएसएस और जावास्क्रिप्ट के साथ एक विस्तृत ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       padding: 1%;

  1. सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं? सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं?

    CSS के साथ 4-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .प्रथम, .सेकंड, .तीसरा, .चौथा {फ्लोट:बाएं; चौड़ाई:25%; रंग सफेद; पैडिंग:10px; ऊंचाई:500 पीएक्स; पाठ-संरेखण:केंद्र; } .पहले

  1. CSS के साथ चेकमार्क / टिक कैसे बनाएं CSS के साथ चेकमार्क / टिक कैसे बनाएं

    हम CSS का उपयोग करके एक अनुकूलित चेकमार्क बना सकते हैं। निम्नलिखित उदाहरण इस प्रभाव को स्पष्ट करते हैं - उदाहरण <!DOCTYPE html> <html> <style> div {    margin: 2%;    position: relative;    width: 40px;    height: 40px;    box-shado