你這圖上還有發(fā)光的圖案，用代碼來寫也不是不行，只是時間上得不償失，兼容性、性能方便也差，綜合考慮還是還是老實的用圖片吧。

最好是讓UI給你張圖 要不會很麻煩

下邊是大致實現(xiàn)的css

<div id='chevron'></div>
        #chevron {
            position: relative;
            text-align: center;
            margin-bottom: 6px;
            height: 100px;
            width: 200px;
            background: red;
        }

        #chevron:before {
            width: 0px;
            height: 0px;
            border-top: 50px solid red;
            border-left: 100px solid transparent;
            position: absolute;
            left: 0;
            top: 100%;
            content: '';
        }

        #chevron:after {
            width: 0px;
            height: 0px;
            border-top: 50px solid red;
            border-right: 100px solid transparent;
            position: absolute;
            right: 0;
            top: 100%;
            content: '';
        }

要實現(xiàn)這樣帶發(fā)光的倒三角，為何不直接用背景圖片呢？