问同时使用边框半径和长方体阴影(CSS)

EN

根据MDN的文档，长方体阴影会自动拾取元素本身的边界半径。这里有一个链接：https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow#:~:text=The%20box%2Dshadow%20property%20enables,on%20the%20same%20rounded%20corners

当我在我父亲的网站上闲逛时，我发现你可以将半径特征添加到阴影中。所以我在一个div里面有一个日历，两个日历都有圆角的边缘(准确地说是0.7em)，我想给它添加一个阴影，但它们几乎总是有一个正方形的边缘，因此会与我的圆角边缘冲突。只是摆弄长方体阴影属性，并决定如果我添加半径到它会怎么样？所以我就这么做了。在网上找不到提到这项技术的地方，所以我可能发现了一些独一无二的东西。无论如何，背景故事已经足够了，代码如下：

CSS：

box-shadow-bottom-right-radius: 0.7em; //you can enter whatever value you want
box-shadow-bottom-left-radius: 0.7em;
box-shadow-top-right-radius: 0.7em;
box-shadow-top-left-radius: 0.7em;

这样，你就可以像通常对边界所做的那样，向长方体阴影本身添加一个半径。