css中带边框半径的半三角形

我有一个半三角形的css代码，但我需要在三角形的中点放置一个边界半径，如图所示：

width: 0;
height: 0;
border-style: solid;
border-width: 0px 30px 20px 0;
border-color: transparent #bde5ff transparent transparent;
border-top-left-radius: 2px;

---

任何想法？？？

您可以通过在三角形元素上组合和来实现该效果。倾斜图元后，边界半径效果仍保留在角上

下面是一个有效的单元素示例。根据需要调整相应的值

div{
宽度：150px；
高度：150像素；
位置：相对位置；
背景：浅蓝色；
边界半径：8px；
左边距：30px；
}
div：：之前{
位置：绝对位置；
左：0；
顶部：20px；
内容：“；
宽度：40px；
高度：40px；
边界半径：8px；
背景：浅蓝色；
变换：倾斜（50度）；
}