css实现三角形箭头

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>triangle</title>
  <style>
    .triangle {
     0;
    height: 0;
    border: 10px solid;
    border-color: transparent;
    border-left-color: red;    
  }
  </style>
</head>
<body>
  <div class="triangle"></div>
</body>
</html>

实现效果:

 
原文地址:https://www.cnblogs.com/zhuzhenzhen/p/5328157.html