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

CSS ইনলাইন লিস্ট আইটেম দিয়ে হরিজন্টাল নেভিগেশন বার তৈরি করুন


হরিজন্টাল নেভিগেশন বার তৈরি করতে ইনলাইন লিস্ট আইটেম ব্যবহার করুন। <li> এলিমেন্টগুলো ইনলাইন হিসেবে সেট করুন।

উদাহরণ

হরিজন্টাল নেভিগেশন বার তৈরি করতে নিচের কোডটি চালাতে পারেন:

<!DOCTYPE html> <html>    <head>       <style>          ul {             list-style-type: none;             margin: 0;             padding: 0;          }          .active {             background-color: #4CAF50;             color: white;          }          li {             border-bottom: 1px solid #555;             display: inline;          }       </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 দিয়ে ড্রপডাউন নেভিগেশন বার তৈরি

  2. CSS দিয়ে ব্রেডক্রাম্ব নেভিগেশন তৈরি

  3. CSS দিয়ে স্কিল বার তৈরি করার পদ্ধতি

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