html - CSS 1px 边框描边围绕边框半径断开

Question

这是为网络开发者准备的。当在具有真正圆 Angular 的圆形或正方形上使用 1px 的边框半径时，描边开始中断。如果我们将其更改为 2px，我们添加的 px 越多，它就会变得越来越好。但是有没有办法用 1px 的描边来解决这个问题呢？

background: rgba(32, 32, 32, .9);
height: 30px;
width: 30px;
border: 1px solid white;
border-radius: 20px;
:hover {
 height: 300px;
 width: 200px;
}

附上图片!

Answer 1

添加 box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white; 这将为您提供您正在寻找的抗锯齿效果。