老师麻烦看一下1-13编程练习
来源:1-13 编程练习
慕函数3468989
2018-10-29 20:11:43
<!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;
columns:2;
}
.confirm-text{
border-bottom:1px solid #ccc;
column-span:all;
}
.confirm-btn{
/*此处写代码*/
cursor:pointer;
}
.confirm-btn:active{
/*此处写代码*/
background:rgba(0,0,0,.2)
}
.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>
1回答
好帮手慕夭夭
2018-10-30
你好同学 , 经过测试 ,效果实现了 , 继续加油 , 祝学习愉快 !
相似问题