css控制div鼠標(biāo)放上去變色
發(fā)布時(shí)間：2014-01-06 09:52:53 作者：佚名 
我要評(píng)論
我要評(píng)論本文主要介紹了css控制div鼠標(biāo)放上去變色代碼實(shí)例，大家參考使用吧
主要是定義了類.keleyi以及.keleyi:hover。
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<title>鼠標(biāo)移入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>鼠標(biāo)移入div背景變色</dt>
</dl>
</div>
<div class="keleyi">鼠標(biāo)移入div背景變色</div>
<div class="keleyi">
<dl>
<dt>JS的eval()方法</dt>
</dl>
</div>
</body>
</html>
相關(guān)文章
純CSS制作菜單欄當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)會(huì)變色的
這篇文章主要介紹了使用CSS實(shí)現(xiàn)菜單欄的制作當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)有變色效果，個(gè)人感覺(jué)還是個(gè)不錯(cuò)的例子，希望對(duì)初學(xué)者有所幫助2014-04-14css實(shí)現(xiàn)隨鼠標(biāo)移動(dòng)div漸變色效果
多組div排列著圈子，利用css的hover屬性產(chǎn)生色層漸變，只要拷貝一段很簡(jiǎn)單的html和css就可以實(shí)現(xiàn)2013-12-18- 這里應(yīng)該主要css順序:a:hover應(yīng)該放在最后2009-11-27
CSS 實(shí)現(xiàn)鼠標(biāo)放在上面時(shí)整行變色效果
這篇文章主要介紹了CSS 實(shí)現(xiàn)鼠標(biāo)放在上面時(shí)整行變色效果，本文給大家分享實(shí)現(xiàn)思路，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-02-10
