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

CSS দিয়ে নেভিগেশন বারের লিংক সেন্টার করুন


নেভিগেশন বারের লিংক সেন্টার করতে <li> এলিমেন্টে text-align: center যোগ করুন।

উদাহরণ

<!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 দিয়ে ইমেজের উপরে নেভিগেশন মেনু যোগ করা

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

  3. CSS দিয়ে পিল নেভিগেশন মেনু তৈরি

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