一种:before和:after的箭头效果实践

今天在网上看到有个很不错的箭头标题效果

?

一看原来是用:before和:after实现的，并且利用了border来制作小三角的方法，觉得很不错，于是自己也试着写了个demo，感觉运用在工作当中也是非常的不错。

?

不多说，上代码：

?

?

?
效果截图:
?
加了点css3显得更加文艺一点...
恩，就是这样，大家可以试试，很好玩的。
?
当然这只是很简单的一个小效果，不过想法非常不错，我觉得很多需要做这种类似效果的时候都可以考虑用这个方法来实现，非常简单。
?