" 的实现几种方法">

大于号">" 的实现几种方法

不知大家平常如何实现 ">",目前我仅知道的常规做法如下:

  • 切图
  • 单独为>或者">"符号设置为“Tahoma”字体

某天看到淘宝的实现方法,深表赞佩。其思路为:

图片已挂,待更新

两个三角形,利用定位使它们水平方向不完全重合,之后设置其中一个三角颜色为背景底色,这样就完成了一个">"。
对应的结构:



     更多 


样式:利用两个s标签写出俩三角再根据之前的思路还原,具体大家直接戳TB观摩吧。
之所以把结构贴出来,是因为看到s标签的使用,这货HTML4开始不赞成使用,HTML5已经不支持了,不知道TB是如何考虑的。
除此之外,不知大家还有什么其他方法可以实现 ">"?

你可能感兴趣的:(大于号">" 的实现几种方法)