CSS 绘制直角梯形

::: demo

<template>
  <div class="mask"></div>
</template>
<script>
export default {
  data() {
    return {
    }
  }
}
</script>
<style>
.mask {
    height: 0;
    width: 100px;
    border-top: 100px solid red;
    border-left: 37px solid transparent;
}
</style>
:::

> 详细介绍可以看https://www.cnblogs.com/hyql/p/4876933.html