这个鼠标点上去背景颜色变化效果用css怎么做的?
5个回答
推荐于2017-09-23 · 知道合伙人互联网行家
关注
展开全部
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
演示:未进入时
演示:进入时
展开全部
使用如下CSS定义:
.menuItem{
background: #000;
color: #fff;
}
.menuItem:hover{
background: gray;
color: red;
}
其中"menuItem"是菜单项的样式名,你也可以自己修改选择器;颜色值也根据自己需要修改。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
css伪类
:hover表示鼠标移动到元素上面的样式
a:hover{.....}表示鼠标移动到a标签上时的样式
:hover表示鼠标移动到元素上面的样式
a:hover{.....}表示鼠标移动到a标签上时的样式
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
onmouseover="this.style.backgroundColor='#00ff00'"
onmouseout="this.style.backgroundColor='#0000cc'"
onmouseout="this.style.backgroundColor='#0000cc'"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
鼠标点击事件改变背景色
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询