How can I make it act as if a line of div is anchor so when I hover on it it returns to red
.e { width:90px; border-right:1px solid #222; text-align:center; float:left; padding-left:2px; cursor:pointer; } .f .e { background-color:#F9EDBE; }
<div> <div class="e" >Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> <div class="e">Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div> <div class="e">Company</div> <div class="e">Targetaaa</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> <div class="e">Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div>
To change the color of your link on hover, use the :hover pseudo property on the link's class and give it a different color.
You can apply :hover styles to any renderable element on a page. IE6 only supports that pseudo-class on links though.
.e:hover{ background-color:#FF0000; }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With