当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > div css 鼠标悬停在div层上时,div背景色改变

CSS样式表
CSS优先级规则的细节
CSS失效,原来是和网页第一段代码有关
你真的了解CSS吗?你是属于哪个层次?
让样式表CSS代码更加专业规范
建议网页设计师用CSS制作网站导航菜单
简单学习css组合与CSS嵌套的写法
CSS学习之css代码的简写的十条规则
条件CSS的介绍
CSS教程:网页中多个样式表顺序问题
CSS教程:网页版面设计无效的10个原因
页面重构工程师应该具有的技能和素质
选择正确DOCTYPE解决CSS在网页失效问题
Opera中国的WEB标准课程
简单介绍Web Developer插件制作网页
CSS布局带来的巨大影响:CSS display属性值
用div css模拟表格对角线
IE Firefox在css中的差别 (部分)
不用js可以实现信息提示效果
CSS解决未知高度的垂直水平居中自适应问题
CSS cursor 属性 -- 鼠标指针样式效果

CSS样式表 中的 div css 鼠标悬停在div层上时,div背景色改变


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 223 ::
收藏到网摘: n/a


代码如下:

<style>
.normal{background-color:white}//正常时候div层的样式,也可以添加其他样式表属性。
.change{background-color:red}//改变后的div层的样式,也可同时添加其他样式表属性。
</style>
<body>
<div onmouseover="this.className='change'" onmouseout="this.className='normal'"><a href="#">放上来就变色</a></div>
</body>