发表于： 2019-05-30 23:02:49
1 734
今天完成的事情：
将任务7的首页布局完成
黄色三角使用了绝对定位，父元素为白色wrap，
.arr-yellow
{
position: absolute;
right: 2px;
top: 175px;
transform: scale(0.7);
}
刚开始看任务要求时，以为是让黄色三角一直居中在白色wrap内。后来发现只是和左边的版本选择部分居中。
下面的内容部分结构
绿色部分是外层wrap的内边距
.choose
{
padding: 20px 0;
}
包裹 文字的p标签设置：
.choose-text
{
width: 80%;
padding: 27px 0;
margin: 0 auto;
background-color:@color-blue;
color: #ffffff;
font-size: 19px;
}
最底部的四个小圆使用了flex布局
.circle-group
{
display: flex;
justify-content: space-between;
width: 60px;
margin-right: auto;
margin-left: auto;
img
{
transform: scale(0.7);
}
}
返回列表
评论