1-13练习

来源：1-13 编程练习

他人即地狱_

2017-12-13 14:28: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;
box-sizing:border-box;
}
.confirm{
border:1px solid #fff;
background: #fff;
border-radius:20px;
overflow:hidden;
text-align: center;
}
.confirm-text{
    border-bottom:1px solid #ccc;
}
.confirm-btn{
    /*此处写代码*/
    float:left;
    width:94px;
    box-sizing:border-box;
}
.a:hover{
    background:rgba(0,0,0,0.1);
    border-right:1px solid #000;
    cursor:pointer;
    
}
.b:hover{
    background:rgba(0,0,0,0.1);
    border-left:1px solid #000;
    cursor:pointer;
}
.confirm-btn:active{
/*此处写代码*/
}
.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 a confirm-btn-sure">确定</div>
     <div class="confirm-btn b">取消</div>
   </div>
</div>
</body>
</html>

写回答

1回答