1-13编程练习
来源：1-13 编程练习
soso_crazy
2019-02-15 17:51:54
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.mask{
width:200px;
margin:100px auto;
border:5px solid #ccc;
background: #ccc;
}
.confirm{
border:1px solid #fff;
background: #fff;
border-radius:20px;
overflow:hidden;
text-align: center;
}
.confirm-text{
border-bottom:1px solid #ccc;
}
.confirm-btn{
/*此处写代码*/
box-sizing:border-box;
float:left;
width:50%;
}
.confirm-btn:hover{
cursor:pointer;
background-color:gray;
}
.confirm-btn:active{
/*此处写代码*/
color:red;
}
.confirm-btn-sure{
border-right: 1px solid rgb(235,235,235);
}
</style>
</head>
<body>
<div class="mask">
<div class="confirm">
<div class="confirm-text">提示信息</div>
<div class="confirm-btn confirm-btn-sure">确定</div>
<div class="confirm-btn">取消</div>
</div>
</div>
</body>
</html>
这样符合题目要求吗？怎么用css添加点击事件？
1回答
-
好帮手慕星星
2019-02-15
你好，经测试代码实现效果是正确的。
题目要求中给的任务描述不严谨，本意是鼠标移入效果，已经进行了修改，感谢您的提醒和谅解，我们以后会更加严格的审核课程，尽量避免失误的出现。
祝学习愉快！
0
相似问题