我想在网站上的unicode字符'♤'上面写一个数字。我知道我可以制作图像并使用它们,但由于我将拥有超过200个具有唯一编号的符号,我宁愿不使用图像,因为它们会占用大量空间。
所以角色的大小必须不同。带有数字的空格将放在div标签内。我真的希望有一种方法可以做到这一点,否则不适合图像。
答案 0 :(得分:1)
.heart > div:nth-child(1) {
font-size: 40px;
color: red;
}
.heart > div:nth-child(2) {
position: relative;
font-size: 20px;
top: -42px;
left: 13px;
}
<div class="heart">
<div>♤</div>
<div>A</div>
</div>