百度外卖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三个方向的值,另一个方向就会汇聚成一个点,就出现三角形了!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

滚动至顶部