css 写一个向右的箭头

经常写移动端页面时会用到向右的箭头,之前都是用图片,突然想到用css应该也能写,于是一搜还确实有

width: 7px;
height: 7px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
transform: rotate(45deg);

原理也挺简单,就是写个上边框和右边框,然后旋转45度就是向右的箭头了。不过移动端用应该没问题,pc上就要考虑transform的兼容性了。

猜你喜欢

转载自www.cnblogs.com/dxzg/p/9320456.html