老师麻烦看一下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

你好同学 , 经过测试 ,效果实现了 , 继续加油 , 祝学习愉快 !

0

0 学习 · 5012 问题

查看课程