用css创建出 ‘X’ 图标

效果如下


实现方法1:

<i class="ico-times"></i>
<i class="ico-check"></i>

 

<style>
[class^="ico-"], [class*=" ico-"]{
  font: normal 10px Arial, sans-serif;
  display: inline-block;
}


.ico-times:before{ content: "\2716"; }
.ico-check:before{ content: "\2714"; }
    </style>


实现方法2:

html代码

✖ &#10006;


参考:

stackoverflow

回到顶部