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

CSS से मेनू आइकन कैसे बनाएं


CSS से मेनू आइकन बनाने के लिए, कोड निम्नलिखित है:

उदाहरण

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div { width: 40px; height: 7px; background-color: blue; margin: 5px 2px; } </style>> </head> <body> <h2>Sample Menu Icon</h2> <div></div> <div></div> <div></div> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

CSS से मेनू आइकन कैसे बनाएं

  1. CSS से नोट्स कैसे बनाएं? CSS से नोट्स कैसे बनाएं?

    CSS से नोट्स बनाने के लिए, कोड निम्नानुसार है -<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana

  1. CSS Flex से कॉलम DIV को लेफ्ट-सेंटर-राइट अलाइन कैसे करें? CSS Flex से कॉलम DIV को लेफ्ट-सेंटर-राइट अलाइन कैसे करें?

    फ्लेक्स कंटेनर के आइटम को उसके मेन अक्ष के साथ स्पेस वितरित करके अलाइन करने के लिए, हम CSS के justify-content प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS justify-content प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    display: flex;    justify-content: /*value*/ } उदाहरण 1 (spa

  1. प्योर CSS के साथ स्मूथ स्क्रॉलिंग प्योर CSS के साथ स्मूथ स्क्रॉलिंग

    परिचय CSS scroll-behavior प्रॉपर्टी हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देती है। जावास्क्रिप्ट के बिना, हम एंकर लिंक्स और प्रोग्रामेटिक स्क्रॉलिंग के लिए स्मूथ स्क्रॉलिंग सक्षम कर सकते हैं। उदाहरण 1: वर्टिकल स्मूथ स्क्रॉल <!DOCTYPE html> <html> <head> <style> h