Design menu using BootStrap and on mouse hover change the background color of menu using CSS in ASP.Net

Last Reply on Jan 11, 2017 06:36 AM By AnandM

Posted on Jan 11, 2017 06:05 AM

i want to design this type of menu when i click to menu it wil be apper in pinkcolor like button as shown in image.

Posted on Jan 11, 2017 06:36 AM Modified on on Jan 11, 2017 07:46 AM

Hi jordan,

Please refer below code


<html xmlns="">
<head id="Head1" runat="server">
    <script type="text/javascript" src=""></script>
    <script type="text/javascript" src=""></script>
    <link rel="stylesheet" href="" />
    <style type="text/css">
        #menu ul li a:hover
            background-color: deeppink;
    <form id="form1" runat="server">
    <div id="menu">
        <ul class="nav navbar-nav navbar-left">
            <li class="active"><a class="btn btn-block" href="#">Home</a></li>
            <li><a class="btn btn-block" href="#">All Products</a></li>
            <li><a class="btn btn-block" href="#">Best Sellers</a></li>
            <li><a class="btn btn-block" href="#">Newest Added</a></li>