您的位置
主页 > 网站技术 > CSS/HTML > » 正文

css控制div鼠标放上去变色

来源: 站长圈 点击:

点评:本文主要介绍了css控制p鼠标放上去变色代码实例,感兴趣的朋友可以参考一下,希望对大家有所帮助!

复制代码代码如下:

<!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>鼠标移入p背景变色</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>

<p class="keleyi">

<dl>

<dt>鼠标移入p背景变色</dt>

</dl>

</p>

<p class="keleyi">鼠标移入p背景变色</p>

<p class="keleyi">

<dl>

<dt>JS的eval()方法</dt>

</dl>

</p>

</body>

</html>




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明