记录一下面试题（CSS）

题目一：

只用一个DIV结合CSS画一个梯形

<div id="trapezoid"></div>

1.利用border边框加粗的方式

		#trapezoid {
		   width: 400px;
		   height: 0;
		   border-top: 100px solid black;
		   border-left:100px solid red ;
		   border-right: 100px solid blue;
		}

2.使用3D旋转和透视（近大远小）

        #trapezoid {
            width: 300px;
            height: 300px;
            background-color: black;
            transform: perspective(2em) rotateX(-10deg);
            margin-left: 150px;
        }