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

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

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

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

图片已挂,待更新

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

<a href="#" class="more">

     更多 <s class="arrow arrow-rthin"><s></s></s>

</a>

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 本文主要介绍Html5和Html4的区别。 语法的改变 内容类型HTML5 的文件扩展符与内容类型保持不变。扩展符...
    layjoy阅读 1,867评论 0 23
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,785评论 18 399
  • 小时候,我家家庭条件特差,父母忙于生计,不得不奔波在外,奶奶的忽视更造成了我和弟弟经常饿肚子的结果,所以,很小的时...
    丝瓜君的问候阅读 246评论 1 1