见示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title>下三角</title>
</head>
<body>
<div style="width:0;height:0;border-width:20px;border-color:red transparent transparent transparent;border-style:solid"></div>
</body>
</html>
原理:设置高宽都为 0,然后设置 border 的宽度 颜色,隐藏掉另外三边就可以啦!