css写一个梯形

<!DOCTYPE html><html>

<head>    

<meta charset="UTF-8">    

<title>Document</title>    

<style type="text/css">      

 .trapezoid{ border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent;            width: 100px;        }    </style></head>

<body>    <div class='trapezoid'></div></body></html>

posted @ 2016-04-30 13:00  飘然离去  阅读(637)  评论(0编辑  收藏  举报