<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.box2{
width: 0;
height: 0;
border: 50px solid transparent;
border-top-color: #8B4513;
}
</style>
</head>
<body>
<div class="box2"></div>
</body>
</html>
注意
1.宽高设置为0;
2.边框设置透明
3.设置三角形的方向,只需设置 border-top-color: #8B4513;的方向即可。