百度外卖web前端面试第一题：请使用css和html写一个三角形？

CSS代码：
#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
HTML代码：
<div id="trlangle-up></div>
注：只设置border三个方向的值，另一个方向就会汇聚成一个点，就出现三角形了！