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畫的圖形怎麼加邊框呢？只能用兩個圖形重疊實現嗎