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 के साथ चैट मैसेज कैसे बनाएं? CSS के साथ चैट मैसेज कैसे बनाएं?

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

  1. CSS के साथ सेक्शन काउंटर कैसे बनाएं? 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