用 CSS 写一个向右的箭头

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

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

具体代码如下：

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

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