css揭秘--4边框内圆角

边框内圆角

难题：

给元素添加border-radius属性后，边框外侧就会有圆角。而如何做到让边框内层有圆角，边框或描边的四个角在外部仍然保持直角的形状。
如：

用两个嵌套的容器可以做到，那如何只用一个元素做到呢？

回想之前知识：

盒子阴影跟着边框圆角走
描边(轮廓)不跟着圆角走，设置了边框圆角，描边内外层还是直角(以后可能修复)

解决：

1. 先给元素加一个border-radius属性,让元素边框外层形成圆角(不