发表于： 2019-12-15 22:32:27
1 1060
今天完成的事情：基本完成任务九
明天计划的事情：继续任务
遇到的问题：主要是改样式太多花费时间较长，没有太大的问题就是很繁琐
收获：先上一下效果图
有阴影特效，代码
.d7{
text-align: center;
line-height: 85px;
}
.d91{
height: 36px;
width: 36px;
border-radius: 50%;
border: solid 1px #dedede;
border-top: rgba(222, 222, 222, 0.3) solid 1px;
border-left: rgba(222, 222, 222, 0.5) solid 1px;
border-right: rgba(222, 222, 222, 0.5) solid 1px;
text-align: center;
line-height: 36px;
color: #29b078;
display: inline-block;
/* margin-right: 1vw; */
}
.d9 span{
display: inline-block;
width: 8vw;
font-size: 9px;
}
.d1 span{
font-size: 9px;
}
.d8{
/* display: flex; */
align-items: center;
/* height: 100px; */
}
.d9{
display: flex;
align-items: center;
padding-right: 0;
padding-left: 0;
height: 60px;
justify-content: center;
}
.z2{
text-align: center;
line-height: 100px;
}
.d111{
margin-bottom: 30px;
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
padding: 10px 1.5vw 20px;
border: solid 1px #dedede;
border-radius: 3px;
border-top: rgba(222, 222, 222, 0.3) solid 1px;
}
:hover.d111{
box-shadow:0 0 9px 3px #999;
}
总之先弄出个大体样式，明天再来改类名和一些其他的修改
返回列表
评论