<!DOCTYPE html>
<head>
<style>
.triangle{
width: 0px;
height: 0px;
border-width: 50px;
border-style: solid;
border-color: red #ffffff #ffffff #ffffff;
}
</style>
</head>
<html>
<body>
<!-- 使用纯css实现三角形 -->
<div class="triangle">
</div>
</body>
</html>