如何用css画三角形_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>