Html 如何获得具有直边右上半径的矩形？

如何制作矩形：

首先，右上角半径为直线，而不是圆角

第二个，左下半径为直线，不为圆角

下图：

---

使用

剪辑路径尝试以下操作。
您可以简单地创建三角形剪辑路径，然后将其放置在要使该边与容器具有相同背景色的位置，以使其透明

这里有一个例子

.box.n1，
.box.n2{
位置：相对位置；
宽度：250px；
高度：60px；
利润率：10px；
}
.box.n1{
背景：红色；
}
.box.n2{
背景：蓝色；
}
.box.n1：：之前，
.box.n2：：之前{
位置：绝对位置；
内容：''；
宽度：20px；
高度：20px；
背景：#fff；
}
.box.n1：：之前{
底部：0；
左：0；
剪辑路径：多边形（100%100%，0.0，0.100%）；
}
.box.n2：：之前{
剪辑路径：多边形（100%0,0,100%100%）；
排名：0；
右：0；
}
也许这个解决方案会派上用场？和你的问题相似。