CSS
JavaScript
Vue
Swift
数据格式
写作技能
外观风格
背景知识:👉 box-shadow、outline、多重边框
容器外部的圆角我们通常使用border-radius来实现。
border-radius
而容器内部的圆角可以借助outline来实现,但同时也会带来一个问题:容器内部的圆角存在空隙,这时候需要box-shadow来遮挡空隙。
outline
box-shadow
box-shadow 的大小通常为border-radius的一半即可。