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

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


নেভিগেশন বারের কারেন্ট লিংক স্টাইল করতে .active ক্লাসে স্টাইল যোগ করুন। নিচের কোড রান করে কারেন্ট লিংক স্টাইল করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       ul {         list-style-type: none;         margin: 5;         padding: 5;       }       li a {         display: block;         width: 70px;         background-color: #F0E7E7;       }       .active {         background-color: #4CAF50;         color: white;       }     </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 প্রোপার্টি ব্যবহার করে অন-স্ক্রোল ফিক্সড নেভিগেশন বার তৈরি করা