<!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>