Files
ClassContent/历届学生/吴欣阳/项目开发/练习项目/课程练习/6.23/弹窗封装/index.css
2024-09-27 02:06:13 +08:00

64 lines
975 B
CSS

body,ul,li,p,h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input {
outline: none;
border: none;
padding: 0;
}
.pop{
background:dodgerblue;
width: 420px;
border-radius:3px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.top{
display: flex;
justify-content: space-between;
align-content: center;
padding: 20px 20px 10px;
}
.title{
font-size: 18px;
}
.content{
font-size: 14px;
padding: 30px 20px;
}
.buttom{
display: flex;
align-content: center;
justify-content: flex-end;
padding: 10px 20px 20px;
}
.buttom button{
padding: 12px 20px;
margin-right: 10px;
border: 1px solid #dcdfe6;
border-radius: 4px;
}
.back{
width: 100vw;
height: 100vw;
position: relative;
box-sizing: border-box;
}
.backg{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
}