[分享]css3怎样画大于号

在CSS3中，可以使用伪元素(::before和::after)制作大于号。

/* 使用 ::before 制作大于号 */

.greater-than::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid #000;
}

/* 使用 ::after 制作大于号 */

.greater-than::after {
  content: "