css实现三角符号

<template>
  <div>
    <div class="triangle"></div>
  </div>
</template>
<style scoped>
  .triangle {
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent red transparent;
    /* 大部分ie的布局拉伸问题,都直接添加overflow:hidden */
    overflow: hidden;
}
</style>