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;
}

I didn’t make it clear what my requirements were, so I just drew one casually.

Answer 2

Look at this https://css-tricks.com/examples/ShapesOfCSS/

Answer 3

How to add borders to graphics drawn with css? Can it only be achieved by overlapping two graphics?