效果：

在上面的效果中，我們看到了四個三角形，如何得到一個三角形呢？如果其中三個三角形透明，剩余一個三角形。css代碼如下：

.box2{width:0;height:0;border-width:20px;border-style:solid;border-color:red transparent transparent transparent;}

效果：

以上就得到了一個三角形，想想其他方向的三角形如何得到呢？ 箭頭呢？下面附上代碼

.arrow{width:50px;height:50px;border-width:2px;border-style:solid;border-color:red red transparent transparent;transform:rotate(45deg);}

以上就是“如何用css繪制三角形和箭頭”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。