記錄一下面試題（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;
        }