css3 - 纯css画图,圆角三角形

Question

来个高手
求用纯css画一个带圆角的三角形

顺便再请假一下,对于用css来画图
有什么重点?
现在撑死画个梯形三角形什么的

Answer 1

cssp {
    width: 0;
    height: 0;
    transform: rotate(45deg);
    border-width: 20px;
    border-color: #000 transparent transparent #000;
    border-style: solid;
    border-top-left-radius: 10px;
}

没说清楚有什么要求，就随便画了一个。

Answer 2

看看这个https://css-tricks.com/examples/ShapesOfCSS/

Answer 3

css画的图形怎么加边框呢？只能用两个图形重叠实现吗