不知大家平常如何实现 ">",目前我仅知道的常规做法如下:
- 切图
- 单独为>或者">"符号设置为“Tahoma”字体
某天看到淘宝的实现方法,深表赞佩。其思路为:
图片已挂,待更新
两个三角形,利用定位使它们水平方向不完全重合,之后设置其中一个三角颜色为背景底色,这样就完成了一个">"。
对应的结构:
<a href="#" class="more">
更多 <s class="arrow arrow-rthin"><s></s></s>
</a>
样式:利用两个s标签写出俩三角再根据之前的思路还原,具体大家直接戳TB观摩吧。
之所以把结构贴出来,是因为看到s标签的使用,这货HTML4开始不赞成使用,HTML5已经不支持了,不知道TB是如何考虑的。
除此之外,不知大家还有什么其他方法可以实现 ">"?