html - highlight the menu for the current page
Abdur Rakib
| Asked on 2022-10-24 | • HTML, CSS
আমি চাচ্ছি আমি যেই পেজে আছি সেই পেজের মেনুবারটা সিলেক্ট ডিজাইন হবে।
যেমন আমি About us পেজে আছি। আমি চাচ্ছি About us বাটনটা highlight হবে।
এখানে আপনাকে .active এরকম একটি CSS Class বেবহার করতে হবে।
You need to define in the markup what link is active.
example:
<li><a href="1.html" class="active"> Home </a> </li>
<li><a href="2.html"> About Us</a> </li>
<li><a href="3.html">Contact</a> </li>
</ul>
CSS
You give the links an ID like #activeHome
HTML
CSS
#activeHome {
background:blue;
}
</style>