今天小编跟大家讲解下有关css控制div鼠标放上去变色 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css控制div鼠标放上去变色 的相关资料，希望小伙伴们看了有所帮助。
主要是定义了类.keleyi以及.keleyi:hover。
复制代码代码如下:<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"><head><title>鼠标移入div背景变色</title><base target="_blank"/><style>.keleyi{height: 300px;width: 360px;border: 1px solid #666;margin-top:1px;}.keleyi:hover{background-color: #eee;}a{color: Blue;}</style></head><body><div class="keleyi"><dl><dt>鼠标移入div背景变色</dt></dl></div><div class="keleyi">鼠标移入div背景变色</div><div class="keleyi"><dl><dt>JS的eval()方法</dt></dl></div></body></html>
来源：爱蒂网
