更大的 • 版本

71

有没有更大的版本的•图标?

• 目前这么大

  • 我想要这么大的,但不使用字体大小或<li>
4个回答

115

您可以将其放在一个字体更大但行距相同的 <span> 中。

您还可以尝试使用黑色圆圈&#x25cf; ●。不过我不知道这在多少平台上能起作用。


4
黑色的圆圈非常大。有时位于这两个之间的子弹是 &#x2219;,也称为&#8729; - franzo
3
@franzo的&#x2219;&#8729;会呈现为∙,但这也取决于你使用的字体。 - gregn3
如果您正在制作一张表格,并希望有一个标记来指示特定的单元格,那么这个方法将完美适用。 - Jamie

7

朋友,很简单!看这里:

ul{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
ul li::before {
    content: "● ";
    color: #2C92C5;
    padding-right: 5px;
}

3

您也可以在CSS中设置较高的字体大小

.bullelements{
  font-size:2rem;
}
<html>
  <head>
  </head>
  <body>
  ...<span class="bullelements">&bull;</span>
  </body>
</html>

现在你可以将font-size设置为你想要的大小。

如果您要使用rem作为字体大小,了解它的工作原理也很重要,因为它取决于HTML字体大小。 - Fillipo Sniper

1

一个技巧是将元素加粗

<span class="bull-element">&bull;</span> item <br />
<span class="bull-element">&bull;</span> item

<style>
    .bull-element {
        font-weight: 900;
    }
</style>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接