这个鼠标点上去背景颜色变化效果用css怎么做的?

 我来答
钓侠
推荐于2017-09-23 · 知道合伙人互联网行家
钓侠
知道合伙人互联网行家
采纳数:90 获赞数:563
麦子学院讲师,WEB前端工程师,专注于WEB开发,精通Discuz、PHPCMS等开源程序!

向TA提问 私信TA
展开全部

HTML代码:

<!doctype html>
<html ng-app>
    <head>
        <meta charset="utf-8">
        <title>css怎么给4个边框添加阴影</title>
        <style type="text/css">
        div{background-color: #00AA00;}
        div:hover{background-color: red;}
        </style>
    </head>
    <body>
        <div>百度知道,鼠标移入改变背景颜色</div>
    </body>
</html>

 
鼠标未进入前是绿色

鼠标进入后变为红色,只需要给相应的选择器加上  :hover


演示:未进入时

演示:进入时

 

百度网友5b168d3
2013-05-19 · TA获得超过506个赞
知道小有建树答主
回答量:175
采纳率:0%
帮助的人:215万
展开全部

使用如下CSS定义:

.menuItem{
  background: #000;
  color: #fff;
}
.menuItem:hover{
  background: gray;
  color: red;
}

其中"menuItem"是菜单项的样式名,你也可以自己修改选择器;颜色值也根据自己需要修改。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jiangxibaiyi
推荐于2017-09-11 · 跟随风去旅行-伤心的歌
jiangxibaiyi
采纳数:3973 获赞数:14411

向TA提问 私信TA
展开全部
css伪类
:hover表示鼠标移动到元素上面的样式
a:hover{.....}表示鼠标移动到a标签上时的样式
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
新掷地有声
2013-05-19
知道答主
回答量:11
采纳率:0%
帮助的人:7万
展开全部
onmouseover="this.style.backgroundColor='#00ff00'"
onmouseout="this.style.backgroundColor='#0000cc'"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
rpzeliang
2013-05-19 · TA获得超过118个赞
知道答主
回答量:285
采纳率:0%
帮助的人:72.7万
展开全部
鼠标点击事件改变背景色
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式