站长技术网

首页 > 网站基础 > DIV&CSS >

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>