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

सीएसएस के साथ क्षैतिज स्क्रॉल करने योग्य मेनू कैसे बनाएं?


CSS के साथ एक क्षैतिज स्क्रॉल करने योग्य मेनू बनाने के लिए निम्नलिखित कोड है -

उदाहरण

<शीर्षक>दस्तावेज़ <शैली>बॉडी{ मार्जिन:0px; मार्जिन-टॉप:10px; पैडिंग:0px;}एनएवी{चौड़ाई:100%; पृष्ठभूमि-रंग:आरजीबी (39, 39, 39); अतिप्रवाह:ऑटो; ऊंचाई:ऑटो; व्हाइट-स्पेस:अब्रैप;}.लिंक्स { डिस्प्ले:इनलाइन-ब्लॉक; पाठ-संरेखण:केंद्र; पैडिंग:14 पीएक्स; रंग:आरजीबी (178, 137, 253); पाठ-सजावट:कोई नहीं; फ़ॉन्ट-आकार:17px;}। लिंक:होवर {पृष्ठभूमि-रंग:आरजीबी (100, 100, 100);}। चयनित {पृष्ठभूमि-रंग:आरजीबी (0, 18, 43);}>> सिर> 

आउटपुट

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

सीएसएस के साथ क्षैतिज स्क्रॉल करने योग्य मेनू कैसे बनाएं?

ब्राउज़र विंडो का आकार बदलने पर क्षैतिज स्क्रॉलिंग दिखाई देगी -

सीएसएस के साथ क्षैतिज स्क्रॉल करने योग्य मेनू कैसे बनाएं?


  1. सीएसएस के साथ आइकन बटन कैसे बनाएं?

    CSS के साथ आइकन बटन बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awes

  1. CSS के साथ चैट मैसेज कैसे बनाएं?

    सीएसएस के साथ चैट संदेश बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       margin: 0 auto;       m

  1. CSS के साथ सेक्शन काउंटर कैसे बनाएं?

    CSS के साथ एक सेक्शन काउंटर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fon