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

CSS के साथ नेविगेशन बार में लिंक डिवाइडर कैसे जोड़ें

<घंटा/>

नेविगेशन बार में लिंक डिवाइडर जोड़ने के लिए,

  • तत्व के लिए बॉर्डर-राइट प्रॉपर्टी का उपयोग करें।

    उदाहरण

    <!DOCTYPE html>
    <html>
       <head>
          <style>
             ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
             }
             li {
                float: left;
                border-right: 1px solid white;
             }
             li a {
                display: block;
                padding: 8px;
                background-color: orange;
             }
             li:last-child {
                border-right: none;
             }
          </style>
       </head>
       <body>
          <ul>
             <li><a href = "#home">Home</a></li>
             <li><a href = "#news">News</a></li>
             <li><a href = "#contact">Contact</a></li>
             <li><a href = "#about">About</a></li>
          </ul>
       </body>
    </html>

    1. कैसे सीएसएस के साथ होवर पर संक्रमण जोड़ने के लिए? कैसे सीएसएस के साथ होवर पर संक्रमण जोड़ने के लिए?

      CSS पर होवर के साथ ट्रांजिशन जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI&qu

    1. CSS के साथ अलग-अलग डिवाइडर कैसे बनाएं? CSS के साथ अलग-अलग डिवाइडर कैसे बनाएं?

      सीएसएस के साथ विभिन्न डिवाइडर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1" /> <head> <style>    body {       font-family: "Segoe UI&qu

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

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