如何用css画三角形

右箭头.png

css

.arrow-right{
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-left: 7px solid #CCCCCC;
        }

<a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>客服中心</p>
                    </div>
                    <div class="arrow-right"></div>
                </a>
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>用户指南</p>
                    </div>
                    <div class="arrow-right"></div>
                </a>