html用hover做样式,巧用hover改变css样式和背景

Title

.bg{

background-color: #9b9b9b;

}

.tu{

background-color: #2b99ff;

border: 1px red dashed;

width: 80px;

height: 90px;

float: left;

position: relative;

}

.clearfix:after{

content: "00";

display: block;

clear: both;

visibility: hidden;

height: 0;

}

.tubg{

display: none;

position: absolute;

right: 0;

left: 0;

top:0;

bottom: 0;

color: black;

}

.tu:hover .tubg{

background-color: #fbf6ff;

display: block;

opacity: 0.8;

color: #f4323a;

font-size: 15px;

}

333