1-13编程练习

来源：1-13 编程练习

慕粉1110144175

2019-02-19 17:25:25

<!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{
    /*此处写代码*/
    cursor:pointer;
    width:98.5px;
    float:left;
}
.confirm-btn:active{
/*此处写代码*/
background:#eee;
}
.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回答