用前端css实现内扣圆角样式

要用前端 CSS 实现内扣圆角样式，可以使用 `box-shadow` 属性和 `border-radius` 属性配合实现。

具体操作如下：

1. 首先设置元素的 `border-radius` 属性为所需的圆角大小，比如 `border-radius: 10px;`。

2. 然后设置元素的 `box-shadow` 属性，该属性可以设置多个阴影。

3. 设置第一个阴影，颜色与背景色相同，偏移量为 0，模糊半径为圆角大小，如下所示：

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);

4. 设置第二个阴影，颜色为透明色，偏移量为 0，模糊半径为圆角大小加上 1，如下所示：

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 11px transparent;

完整代码如下：

.box {
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 11px transparent;
}

这样就可以实现内扣圆角样式了。