纯css实现直角梯形

纯css实现直角梯形，这里是直接使用边框来做

<div class='ti'><div>
<style>
.ti {
    height:0;
width:100px;
border-bottom:60px solid #000;
border-left:0px solid transparent;
border-right:50px solid transparent;
        }
</style>