如何在<ul>链接中创建更大的圆圈

Question

我正在使用 <ul> 和 <li>，我想让每个 <li> 前面的圆圈（或者是磁盘）变大。有没有简单的CSS方法可以实现这个效果？

- TonyG

Answer 1

你可以在

的内容周围放置一个字体较小的标签。 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;
}

- Marty

---

完全是由于顿悟带来的:P - Marty

而且，你是Flash游戏开发者吗？很棒 - 我一直想要自己尝试一下。我已经很长时间没有使用Flash了，除了偶尔的涂鸦之外。 - BoltClock

Flash游戏绝对是我的热情和爱好，但不幸的是它们在我工作的地方并不常见。我主要制作横幅广告，偶尔会制作一些漂亮的Flash应用程序。 - Marty

Answer 2

浏览器决定了如何呈现列表样式类型，例如disc、circle和其他类型，并且在每个浏览器上都是固定的。即使不同版本的IE绘制它们的大小也不同。

除非更改标记（请参见Marty Wallace's answer），否则您无法控制此内容，除非制作自己的圆形图像以与list-style-image一起使用。（仍然提供list-style-type作为备用，以便在无法加载图像时等情况下使用。）

- BoltClock

Answer 3

正如@BoltClock所回答的那样，您应该使用自定义图像，就像下面显示的那样。假设您在当前目录中有ball.gif（在您的情况下可能更大）。

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

- AjayR