手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css控制div鼠标放上去变色
css控制div鼠标放上去变色
摘要:主要是定义了类.keleyi以及.keleyi:hover。鼠标移入div背景变色.keleyi{height:300px;width:36...

主要是定义了类.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>鼠标移入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>

<dl>

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

</dl>

</div>

<div>鼠标移入div背景变色</div>

<div>

<dl>

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

</dl>

</div>

</body>

</html>

【css控制div鼠标放上去变色】相关文章:

用css3实现当鼠标移进去时当前亮其他变灰效果

css让背景图片拉伸填充的属性

css实现鼠标滑过改变文字(中文变英文)

CSS控制图片、表格、背景颜色渐变示例

Firefox按钮和锚标签上的虚线轮廓

css 的border属性改变hr颜色小示例

CSS控制图片自适应Div大小

CSS创建一个鼠标感应换图片的按钮

巧用CSS来控制div自适应浏览器的高度

css返回顶部图标固定在浏览器右下角且兼容ie6

精品推荐
分类导航