用CSS实现的箭头

1.一个梯形

当元素的宽、高和框的宽相近（等）时，改变某一边的颜色，可以得到一个梯形。

<div id="demo1"></div>

<style>

    #demo1{

     boder:10px solid #ccc;

border-left-color:#ccc;