手机
当前位置:查字典教程网 >网页设计 > 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鼠标放上去变色】相关文章:

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

css美化Div边框的样式实例

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

css代码格式化清理工具

学习css网页布局口诀

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

用CSS3创建一个旋转可变色按钮

css样式的动态添加及显示和隐藏等零碎用法

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

css特性:空白外边距互相叠加

精品推荐
分类导航