首页 > 编程知识 正文

用 CSS 写一个向右的箭头

时间:2023-05-05 22:28:38 阅读:261491 作者:2604

今天在修改别人写的网页的时候发现一个有意思的东西,就是一个向右的箭头,如图所示:

这个效果如果要我来写的话,我估计会直接弄一个图片放上去,但是我今天发现这玩意居然还能用 CSS 来写,让我眼前一亮,就记录下来,我 H5 写的不多,也许是我孤陋寡闻了,,,,

具体代码如下:

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

几个简单的属性就可以写出一个图片效果,还是很不错的,要写其他方向的箭头或者其他的样式,可以按照上面的代码改改,举一反三嘛。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。