发表于： 2021-04-30 21:39:26
1 1172
今天完成的事情：
重构任务7游戏页面
打算方向箭头使用css来做，
给宽和高都设置0px ，然后设置边框宽度为10px ,就会出现一个正方形，
给四个边框不同的颜色就会出现不同颜色的四个三角形拼成一个正方形 ，然后把不需要用到的三角形隐藏起来
然后把不需要用到的三角形隐藏起来
transparent 透明属性
给不需要用到的边框加上透明属性就能隐藏起来，
也可以简写，这样两行代码就可以了
调整四个道具的垂直居中问题
直接给四个道具的父级元素加水平居中，和上下外边距。并且给他隐藏属性，visibility:hidden来隐藏内容
visibility:hidden和display:none 隐藏的内容几乎一样，但唯一区别是它虽然隐藏了内容，但被隐藏掉的内容仍旧占据空间，这段隐藏了内容却保留空间的位置会在网页中显示为空白。
hover部分直接给个visibility:visible 默认值。元素是可见的。
这样就能垂直居中了
明天计划的事情：开始任务14
遇到的问题：暂时没有遇到问题
收获：任务13
返回列表
评论