CSS - 如何升级 Unicode 箭头？

Question

我有这个简单的代码-

    <div>
        <div>&#x25BC</div>
        <div>&#9650</div>
        <div>&#9660</div>
    </div>

我正在尝试使箭头更大 - 我试过玩这个风格规则 -

div{
height:50px;
width: 50px;
}

但是箭头大小没有任何变化。

那么我在这里做错了什么？是否可以在 css 中改变它的大小？

感谢您的帮助

Answer 1

改用font-size。

div {
  font-size: 50px;
}

<div>
  <div>&#x25BC</div>
  <div>&#9650</div>
  <div>&#9660</div>
</div>