代码如下
<!!DOCTYPE html>
<html>
<head>
<title>三角制作</title>
<style>
.h{
width: 0;
height: 0;
border: 50px solid transparent;
border-bottom-color: red;
}
</style>
</head>
<body>
<div class="h"></div>
</body>
</html>
总结 : div盒子,使用类选择器,把其高度,宽度设置为零,三角形的本质是一个正方形的边线,只要显示一个边线,其余边线设置为透明色即可,边线变成三角形,边框的数值越大,三角形就会变得越大