css3实现箭头

实现如下效果的箭头：

css代码：

.arrow{border:1px solid #ddd;position: relative;}.arrow:after{content: ' ';display: block;width: 5px;border:1px solid #ddd;transform: rotate(45deg);position: absolute;top:-3px;right: -2px;}

先定义一根border线条，在其后再定义一根border线条。将后面的线条定义在稍上的位置（top:-3px;），然后将顺时针旋转45度角(transform: rotate(45deg);)