html 按钮点击状态的如何改变 a:hover
2个回答
展开全部
这个你需要选中a标签的上一层来做hove动作
不如代码中是
<div id="mydiv"><a href="">报名登录</a><div>
css代码则
#div:hover{background:#ccc}
另外你可能描述的有点问题
点击变样属于js的动作了
而hover是鼠标悬浮在上面的样式
喜欢别忘记采纳亲！
不如代码中是
<div id="mydiv"><a href="">报名登录</a><div>
css代码则
#div:hover{background:#ccc}
另外你可能描述的有点问题
点击变样属于js的动作了
而hover是鼠标悬浮在上面的样式
喜欢别忘记采纳亲！
追问
没错是鼠标悬浮时的样式，就是background 颜色怎么才能填充满，或者是我设置的按钮 有些小
追答
a{display:block;width:100%;height:100%}
这个样式是让a标签成为可以设置宽高的块元素
然后你再设置悬浮时把a变了就可以了，不要再去弄父级
你菜得我生气！
#mybu{
width: 120px;
height: 38px;
color: wheat;
font-size: 18px;
background: blue;
border-radius: 10px;
}
#mybu:hover{
background: red;
}
报名登录
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.div1 {
border: 1px solid purple;
width: 150px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.div1:hover {
background: purple;
}
.div1>div {
background: purple;
color: white;
}
</style>
</head>
<body>
<div>
<div>报名登录</div>
</div>
</body>
</html>
请采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
