css鼠标悬浮div背景变色效果
本章节分享一段代码实例,它实现了鼠标悬浮div背景变色效果。
代码非常的简单就是适用:hover伪类选择器,代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/" />
<title>实例</title>
<style>
div {
width:100px;
height:50px;
background:#ccc;
}
div:hover {
background:green;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
上面的代码实现了我们的要求,代码非常的简单具体可以参阅CSS E:hover一章节。
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
上一篇:html文档结构简单介绍
下一篇:css 注释用法简单介绍
相关推荐
-
radio美化代码实例
rdio单选按钮默认状态下并不美观,但是我们可以通过其他途径将其美化。代码实例如下:
-
js重置form表单元素值代码实例
本章节分享一段代码实例,它实现了使用jvscrit重置form表单元素值得功能。代码实例如下:
-
call()和apply()方法使用代码实例
本章节分享几段关于cll()和ly()方法使用的代码实例。需要的朋友可以做一下参考,关于两个方法的基本用法这里不做介绍,可以参阅相关阅读。(1).cll()方法可以参阅js cll()一章
-
js map集合简单代码实例
本章节分享一段代码实例,它模拟红丝线了m集合的功能。代码实例如下:vr M = function (){ /************基础变量**************/ vr hs
-
javascript计算字符串长度代码实例
下面分享一段代码实例,它实现了计算字符串长度的效果。并且能够区分中英文,代码实例如下:function DLngth(fD){ vr intLngth=0 for (vr i=