css控制div鼠標(biāo)放上去變色
發(fā)布時間:2014-01-06 09:52:53 作者:佚名
我要評論

本文主要介紹了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)過時會變色的
這篇文章主要介紹了使用CSS實(shí)現(xiàn)菜單欄的制作當(dāng)鼠標(biāo)經(jīng)過時有變色效果,個人感覺還是個不錯的例子,希望對初學(xué)者有所幫助2014-04-14css實(shí)現(xiàn)隨鼠標(biāo)移動div漸變色效果
多組div排列著圈子,利用css的hover屬性產(chǎ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)放在上面時整行變色效果
這篇文章主要介紹了CSS 實(shí)現(xiàn)鼠標(biāo)放在上面時整行變色效果,本文給大家分享實(shí)現(xiàn)思路,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-10