发表于： 2019-08-28 23:26:39
1 1058
今天完成的事
完成了任务7的页面1。
遇到的难题
页面最底部圆点的默认选中状态，这应该算是一个按钮组，正常来说点击之后会一直一直显示蓝色状态，现在只能做到鼠标放上去才能显示蓝色，鼠标移开之后又变回之前的颜色了。
今天的收获
学会了用CSS写三角形与箭头
首先
先设置内容宽高为0，然后只设置边框的大小，在给边框四个方向添加不同的颜色，变成了这样子
，接着把任意3面的颜色改成透明，
三角形就完成了，
。
箭头就是设定两个三角形定位叠加，错开一些位置。
效果如下
，再把蓝色的三角形的颜色换成背景色就好了
.
明天的计划
先实现按钮组的切换，在做第二张页面。
返回列表
评论