css实现三角形箭头

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

实现效果:

 
posted @ 2016-03-28 10:46  猪猪侠女  阅读(243)  评论(0编辑  收藏  举报