Html 圆角三角形右边框css

如何创建顶点为圆形的三角形？之前，我用：：after伪元素创建了一个正方形，并将其旋转，看起来像romb，然后剪切它，因为我没有得到预期的结果

*{
框大小：边框框
}
.价格{
宽度：150px；
高度：50px；
背景：#2d2d；
颜色：#fff；
对齐项目：居中；
显示器：flex；
}
.图标{
字体大小：50px；
}
.项目{
左边距：10px；
显示器：flex；
弯曲方向：立柱；
身高：100%；
填充：6px0；
调整内容：之间的间距
}

P
全部的
6 250

您可以为arrow添加新的div，并为其应用CSS

请参见下面的代码段：

*{
框大小：边框框
}
.价格{
宽度：100px；
高度：50px；
背景：#2d2d；
颜色：#fff；
对齐项目：居中；
显示器：flex；
位置：相对位置；
}
.图标{
字体大小：50px；
}
.项目{
左边距：10px；
显示器：flex；
弯曲方向：立柱；
身高：100%；
填充：6px0；
调整内容：之间的间距
}
.阿罗{
位置：绝对位置；
背景色：#2d；
文本对齐：左对齐；
顶部：4px；
右：-23px；
变换：旋转（-90度）倾斜（-30度）比例（1.866）；
}
.阿罗：以前，
.阿罗：之后{
内容：''；
位置：绝对位置；
背景色：继承；
}
.阿罗先生，
.阿罗：以前，
.阿罗：之后{
宽度：28px；
高度：28px；
边界右上角半径：30%；
}
.阿罗：以前{
变换：旋转（-135度）倾斜（-45度）缩放（1.414，.707）平移（0，-50%）；
}
.阿罗：之后{
变换：旋转（135度）倾斜（-45度）比例（.707,1.414）平移（50%）；
}

P
全部的
6 250

您可以为arrow添加新的div，并为其应用CSS

请参见下面的代码段：

*{
框大小：边框框
}
.价格{
宽度：100px；
高度：50px；
背景：#2d2d；
颜色：#fff；
对齐项目：居中；
显示器：flex；
位置：相对位置；
}
.图标{
字体大小：50px；
}
.项目{
左边距：10px；
显示器：flex；
弯曲方向：立柱；
身高：100%；
填充：6px0；
调整内容：之间的间距
}
.阿罗{
位置：绝对位置；
背景色：#2d；
文本对齐：左对齐；
顶部：4px；
右：-23px；
变换：旋转（-90度）倾斜（-30度）比例（1.866）；
}
.阿罗：以前，
.阿罗：之后{
内容：''；
位置：绝对位置；
背景色：继承；
}
.阿罗先生，
.阿罗：以前，
.阿罗：之后{
宽度：28px；
高度：28px；
边界右上角半径：30%；
}
.阿罗：以前{
变换：旋转（-135度）倾斜（-45度）缩放（1.414，.707）平移（0，-50%）；
}
.阿罗：之后{
变换：旋转（135度）倾斜（-45度）比例（.707,1.414）平移（50%）；
}

P
全部的
6 250

你能利用这个吗@ManojKumar不适合。@paulie-d实际上不适合，因为我有自定义尺寸，示例中的答案不适合。你能利用这个吗@ManojKumar不适合。@paulie-d实际上不适合，因为我有自定义尺寸，示例中的答案不适合。您是如何在结束40分钟后添加答案的？在将问题标记为重复之前，我正在研究解决方案。。所以我能够发布它：我会说，后端的Dno验证；）结束40分钟后，您是如何添加答案的？在将问题标记为重复之前，我正在研究解决方案。。所以我能够发布它：我会说，后端的Dno验证；）