Home / Css / Hover / Html

Div Hover Background-color Change?

November 01, 2022 Post a Comment

How can I make it act as if a line of div is anchor so when I hover on it it returns to red CSS .e { width:90px; border-right:1px solid #222; text-align:center; flo

Solution 1:

.e:hover{
   background-color:#FF0000;
}

Solution 2:

if you want the color to change when you have simply add the :hover pseudo

div.e:hover {
    background-color:red;
}

Solution 3:

div hover background color change

Try like this:

Baca Juga

.class_name:hover{
    background-color:#FF0000;
}

Solution 4:

<html>
<head>
<style>

.e {
    width:90px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    padding-left:2px;
    cursor:pointer;
}

e2:hover {
    background-color:red;
}

</style>
</head>
<body>

<div>
    <div class="e e2" >Company</div>
    <div class="e e2">Target</div>
    <div class="e e2" style="border-right:0px;">Person</div>
</div>

</body>
</html>

Post a Comment for "Div Hover Background-color Change?"