发表于: 2018-11-08 22:05:42

1 770


今天完成的事情:


完成了轮播图

#box4 {
 position: absolute;
 top: 50%;
 left: 8%;
 width: 10px;
 height: 10px;
 border-top: 5px solid #e7e7e7;
 border-right: 5px solid #e7e7e7;
 transform: rotate(-133deg);
 cursor: pointer;
 display: none;
}
#box5 {
 position: absolute;
 top: 50%;
 right: 8%;
 width: 10px;
 height: 10px;
 border-top: 5px solid #e7e7e7;
 border-right: 5px solid #e7e7e7;
 transform: rotate(45deg);
 cursor: pointer;
 display: none;
}
#box6 {
 position: absolute;
 top: 50%;
 left: 8%;
 width: 10px;
 height: 10px;
 border-top: 5px solid #e7e7e7;
 border-right: 5px solid #e7e7e7;
 transform: rotate(-133deg);
 cursor: pointer;
 display: none;
}


明天计划的事情:明天计划完成第一个页面


遇到的问题:今天遇到id不生效的情况,找了半天没发现原因,后来又回去看了id选择器的资料,发现自己犯了个低级错误,就是类名写错了。还有就是轮播图的第二张和第三张的左边都有一条间隙,自己尝试修改了很久,无奈之下就去请教师兄,然后用一个左浮动就完美解决了问题。


收获:今天学会了用css写轮播图,说实话开始确实很复杂,也觉得很难理解,不知道这个要怎么实现,为难了半天也找了很多资料,看了别人的代码和成果展示,一直没什么思路,请教师兄建议我先拿别人的试试,这样才能弄明白原理,明白了原理一切就容易多了。


返回列表 返回列表
评论

    分享到