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

सीएसएस के साथ नेविगेशन बार में केंद्र लिंक

<घंटा/>

नेविगेशन बार में लिंक को केंद्र में रखने के लिए, आपको

  • . में 'टेक्स्ट-एलाइन:सेंटर' जोड़ना होगा

    उदाहरण

    <!DOCTYPE html>
    <html>
       <head>
          <style>
             ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                width: 200px;
             }
             li a {
                display: block;
                background-color: #F0E7E7;
             }
             .active {
                background-color: #4CAF50;
                color: white;
             }
             li {
                text-align: center;
                border-bottom: 1px solid #555;
             }
          </style>
       </head>
       <body>
          <ul>
             <li><a href = "#home">Home</a></li>
             <li><a href = "#company" class = "active">Company</a></li>
             <li><a href = "#product">Product</a></li>
             <li><a href = "#services">Services</a></li>
             <li><a href = "#contact">Contact</a></li>
          </ul>
       </body>
    </html>

    1. CSS के साथ ब्रेडक्रंब नेविगेशन कैसे बनाएं?

      CSS का उपयोग करके ब्रेडक्रंब नेविगेशन बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>D

    1. CSS के साथ पिल नेविगेशन मेनू कैसे बनाएं?

      CSS के साथ एक गोली नेविगेशन मेनू बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <title>Document </title> <style> nav{    width: 100%;    background-color: rgb(255, 251, 251);    overflow: aut

    1. CSS के साथ ऑन स्क्रॉल फिक्स्ड नेविगेशन बार कैसे बनाएं?

      CSS स्थिति विशेषता निर्दिष्ट करके, हम CSS का उपयोग करके एक निश्चित नेविगेशन बार बना सकते हैं। CSS में पोजिशन प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    position: /*value*/; } निम्नलिखित सीएसएस स्थिति संपत्ति का एक उदाहरण है। उदाहरण <!DOCTYPE html> <html> <head>