还有一个没有在这里提到-很薄-如果你的项目需要这样的外观:╳

╳ or decimal: ╳

×& # 215;或者报;U+00D7的乘法号

×相同字符，字体粗细较强

⨯& # 10799;U+2A2F吉布斯积

✖& # 10006;U+2716沉重的乘法符号

如果你支持，还有一个表情符号❌。如果你没有，你只看到一个正方形= ❌

我还在Codepen上制作了这个简单的代码示例，当时我和一个设计师一起工作，当我问他是否可以用一个编码版本而不是图像替换你的关闭按钮时，他让我向她展示它会是什么样子。

<ul>
  <li class="ele">
    <div class="x large"><b></b><b></b><b></b><b></b></div>
    <div class="x spin large"><b></b><b></b><b></b><b></b></div>
    <div class="x spin large slow"><b></b><b></b><b></b><b></b></div>
    <div class="x flop large"><b></b><b></b><b></b><b></b></div>
    <div class="x t large"><b></b><b></b><b></b><b></b></div>
    <div class="x shift large"><b></b><b></b><b></b><b></b></div>
  </li>
  <li class="ele">
    <div class="x medium"><b></b><b></b><b></b><b></b></div>
    <div class="x spin medium"><b></b><b></b><b></b><b></b></div>
    <div class="x spin medium slow"><b></b><b></b><b></b><b></b></div>
    <div class="x flop medium"><b></b><b></b><b></b><b></b></div>
    <div class="x t medium"><b></b><b></b><b></b><b></b></div>
    <div class="x shift medium"><b></b><b></b><b></b><b></b></div>

  </li>
  <li class="ele">
    <div class="x small"><b></b><b></b><b></b><b></b></div>
    <div class="x spin small"><b></b><b></b><b></b><b></b></div>
    <div class="x spin small slow"><b></b><b></b><b></b><b></b></div>
    <div class="x flop small"><b></b><b></b><b></b><b></b></div>
    <div class="x t small"><b></b><b></b><b></b><b></b></div>
    <div class="x shift small"><b></b><b></b><b></b><b></b></div>
    <div class="x small grow"><b></b><b></b><b></b><b></b></div>

  </li>
  <li class="ele">
    <div class="x switch"><b></b><b></b><b></b><b></b></div>
  </li>
</ul>

如果使用×-mark(乘法符号)，×在HTML中，为了那个?

“x”(字母)不能用来表示字母x以外的任何东西。

报;and font-family: Garamond，“苹果Garamond”;让它足够好。Garamond字体很薄，网络安全

使用现代浏览器，你可以旋转一个+号:

.popupClose:before {
    content:'+';
}
.popupClose {
    position:relative;
    float:right;
    right:10px;
    top:0px;
    padding:2px;
    cursor:pointer;
    margin:2px;
    color:grey;
    font-size:32pt;
    transform:rotate(45deg);
}

然后简单地把下面的HTML放在你需要的地方:

 <span class='popupClose'></span>

是另一个不太厚的好选项。HTML代码是✕，或者十六进制的2715。