欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

css 写一个向右的箭头

发布时间:2023/12/15 55 生活家
生活随笔 收集整理的这篇文章主要介绍了 css 写一个向右的箭头 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

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

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

总结

以上是生活随笔为你收集整理的css 写一个向右的箭头的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。