css实现随鼠标移动div渐变色效果纯CSS制作菜单栏当鼠标经过时会变色的css控制div鼠标放上去变色css 鼠标经过文字变色CSS 实现鼠标放在上面时整行变色效果

.art{
width:400px;
margin:0px auto;
}

.box{
border-radius:30%;
width:200px;
height:200px;
border:1px solid #2c3e50;
padding:10px;
opacity:0.97;
}

.lvl1{
text-align:center;
line-height:200px;
}

.lvl1:hover{ background:#f1c40f;}
.lvl2:hover{ background:#f39c12;}
.lvl3:hover{ background:#e67e22;}
.lvl4:hover{ background:#d35400;}
.lvl5:hover{ background:#e74c3c;}
.lvl6:hover{ background:#c0392b;}