2022年11月6日
野花--利用伪元素画线
摘要： 有的时候我们可能希望的border线要小于元素本身,就无法使用border来画线,我们可以直接利用伪元素画细线 li { &::before { position: absolute; content: ''; background: #665e57; top: -1px; left: 6px; w 阅读全文
posted @ 2022-11-06 23:22 EricYJChung 阅读(48) 评论(0) 推荐(0)
野花--css实现元素竖向排列 --- writing-mode和flex的区别
摘要： 我是在做小米商店首页的侧边栏hover显示时碰到的这个要求,因为想尽量简洁架构,因此侧边栏hover出来的页面也想放在侧边栏的 li元素中,所以就出现了一个限制条件,即li是有宽度限制的,同时li所在的父元素也是有宽度限制的,在第一次尝试使用flex做纵向排列时,出现了背景色不能按照flex纵向排列 阅读全文
posted @ 2022-11-06 18:37 EricYJChung 阅读(878) 评论(0) 推荐(0)