# 边框内圆角
背景知识: box-shadow (opens new window), outline (opens new window)
我们知道box-shadow
是会紧贴border-radius
圆角边的,但是,描边outline
并不会与圆角边border-radius
贴合,我们可以将两者组合,通过box-shadow
去填补描边outline
所产生的间隙来达到我们想要的效果。
关于扩张半径的取值?假设圆角
border-radius
的半径为r
,根据勾股定理,扩张半径的最小值应等于(√2−1)r ~= 3.314
,最大值不能超过描边宽度,即6px
。
A paragraph of filler text. La la la de dah de dah de dah de la.
复制代码