怎么用css控制div鼠標(biāo)放上去變色

發(fā)布時(shí)間：2021-08-07 21:59:07 來(lái)源：億速云閱讀：133 作者：chen 欄目：web開(kāi)發(fā)

這篇文章主要講解了“怎么用css控制div鼠標(biāo)放上去變色”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“怎么用css控制div鼠標(biāo)放上去變色”吧！

主要是定義了類.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>鼠標(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>

感謝各位的閱讀，以上就是“怎么用css控制div鼠標(biāo)放上去變色”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)怎么用css控制div鼠標(biāo)放上去變色這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

向AI問(wèn)一下細(xì)節(jié)

怎么用css控制div鼠標(biāo)放上去變色

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽