如何在<ul>链接中使用更大的圆圈</ul>

Question

我正在使用<ul>，我希望每个<li>的圆圈（只是圆圈或圆盘）显得更大。使用CSS有一种简单的方法吗？

Answer 1

您可以在<span>的内容周围放置一个字体较小的<li>。

HTML：

<ul>
    <li><span>list item</span></li>
    <li><span>list item</span></li>
    <li><span>list item</span></li>
</ul>

CSS：

ul
{
    font-size: 20px;
}

li > span
{
    font-size: 10px;
}

Answer 2

如何呈现disc，circle和其他列表样式类型由浏览器决定，并在逐个浏览器的基础上修复。甚至不同版本的IE也会以不同的尺寸绘制它们。

如果不改变标记（参见Marty Wallace's answer），则无法控制此项，除非您将自己的圆形图像用于list-style-image。 （仍然提供list-style-type作为后备，以便无法加载图片等。）

Answer 3

如@BoltClock所述，你应该使用如下所示的自定义图像。假设您在当前目录中有ball.gif（在您的情况下可能更大）。

<UL STYLE="list-style-image: url(ball.gif)">
<LI>Bullet 1</LI> 
<LI>Bullet 2</LI>
</UL>