border-left-color:

border-top-width:中心距頂部距離

?

.userCard .welcome .triangle{ border: 8px solid transparent;width: 0px;height: 0px;border-left-color: #E8676B;border-top-width: 0; }

結(jié)果 →

?

這篇博客很清楚，可借助參考：https://www.cnblogs.com/youhong/p/6530575.html

總結(jié)

以上是生活随笔為你收集整理的如何用CSS画一个三角形的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。