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 के साथ नोट्स बनाने के लिए, कोड इस प्रकार है - <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verd

  1. सीएसएस फ्लेक्स के साथ कॉलम डीआईवी को बाएं-केंद्र-दाएं के रूप में कैसे संरेखित करें

    फ्लेक्स कंटेनर की वस्तुओं को उसके चारों ओर स्थान वितरित करके उसके मुख्य अक्ष के साथ संरेखित करने के लिए, हम CSS की जस्टिफाई-कंटेंट संपत्ति का उपयोग करते हैं। सिंटैक्स CSS जस्टिफाई-कंटेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    display: flex;    justify-content: /*valu

  1. शुद्ध सीएसएस के साथ आसान स्क्रॉलिंग

    CSS स्क्रॉल-व्यवहार गुण हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देता है। उदाहरण निम्नलिखित उदाहरण CSS स्क्रॉल-व्यवहार गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> html {    line-height: 200px;    margin: 30px;    text-align: cent