发表于: 2022-09-08 23:32:40

0 783




css代码:


* {
margin: 0;
   padding: 0;
}

.box {
height: 100vh;
   background-color: #29bde0;
   margin: 0 auto;
}

p {
font-size: 30px;
   text-align: center;
   padding-top: 39px;
}

.head {
height: 120px;
   background-color: #29bde0;
}

.head p {
color: #ffffff;
   font-size: 34px;
   text-align: center;
   padding-top: 73px;
}

.rectangle {
float: left;
   margin: 70px 0 0 20px;

}

.cancel {
float: right;
   margin: 70px 20px 0 0;
}

.navigation {
padding-top: 6px;
   height: 120px;
   background-color: #29bde0;

}

.symbol {

}

.polygon {
float: right;
   width: 25px;
}

.fragment {
background-color: #b9e9f5;
   height: 82px;
}

.vote {
float: left;
   font-size: 26px;
   padding-top: 20px;
   padding-left: 53px;

}

.tips {
color: #f2fbfd;
   font-size: 24px;
   padding: 0;

}

.content {
width: 100%;
   height: 721px;
   background-color: #29bde0;
   display: inline-block;

}

.subsection {
width: 100%;
   background-color: #29bde0;
   display: inline-block;

}

.player {
width: 136px;
   height: 136px;
   background-color: #f5c97b;
   display: inline-block;
   border-style:solid;
   border-color: white;
   border-width: 5px;
   margin-top: 10%;
   margin-left: 10%;

}

.bottom {
padding-top: 40px;
   background-color: #29bde0;

}

.choice {
width: 490px;
   background-color: #fbb435;
   margin: 33px 90px;
}

.choice1 {
font-size: 40px;
   color: #fffaf2;
   text-align: center;
}


页面效果:





问题:页面半透明的原理如何设计没有解决清楚。






返回列表 返回列表
评论

    分享到