কম্পিউটার টিউটোরিয়াল

CSS দিয়ে নেভিগেশন বারে লিংক ডিভাইডার যোগ করুন


নেভিগেশন বারে লিংক ডিভাইডার যোগ করতে <li> এলিমেন্টে border-right প্রোপার্টি ব্যবহার করুন।

উদাহরণ

<!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 দিয়ে স্কিল বার তৈরি করার পদ্ধতি

  2. CSS দিয়ে হোভারে ট্রানজিশন ইফেক্ট যোগ করা

  3. CSS দিয়ে বিভিন্ন ডিভাইডার (Divider) তৈরি

  4. CSS position প্রোপার্টি ব্যবহার করে অন-স্ক্রোল ফিক্সড নেভিগেশন বার তৈরি করা