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>

Answer 2

文字字体大小是否可行

div {
    height:50px;
    width: 50px;
    font-size:50px;
    color:green;
}

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