发表于: 2021-02-23 19:59:15
1 998
今天完成的事情:完成了任务十一和任务十二的第一个页面
明天计划的事情:修改任务九提交,写完任务十二
收获:
1.如何用PS测斜线的长度
使用PS中的标尺工具
量取斜线的长度
斜线的长度就显示在PS上方
L1就是斜线的长度,A是斜线的角度
2.一些简单的ICON可以用代码来写
如上面的退回按钮
a {
display: block;
box-sizing: border-box;
width: 1.3rem;
height: 1.3rem;
border-top: 0.3rem solid #fff;
border-left: 0.3rem solid #fff;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
先创建一个正方形,再旋转,最后给他加上边框就可以了。
再比如下拉列表的下拉按钮,一个倒三角
.caret {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
}
评论