图_图
前端工程师
撸猫，打球， 骑行, 旅游，发呆，看书
获得徽章 7
- #每天一个知识点# 多层边框效果
1. box-shadow
好处是支持逗号分割语法, 可以创建任意数量的投影,示例代码如下
需要注意的是
1. 它是根据你写的顺序,由内到外的扩散
2. 它与边框的行为不一致, 不影响布局,所以要注意布局相关的问题
3. 事件也不会在阴影上触发,
4. 可以加上inset关键字, 同时留出足够的padding来腾出空间
2. outline
CSS 的 outline 属性是在一条声明中设置多个轮廓属性的简写属性 ，例如 outline-style, outline-width 和 outline-color。
1. 它比阴影方案能产生虚线边框,边框样式比较灵活
2. 一样的是事件在描边上也不会触发
3. 只能用来两层边框,多层就没办法了,只能使用阴影方案了
code.juejin.cn 展开赞过 评论1
code.juejin.cn