Html CSS有序列表问题

我有一个我正在尝试标记的有序列表，可以在下面看到HTML：

<ol class="main tags">
    <li class="main">Gump...</li>
    <li>We ar...</li>
    <li>We a...</li>
</ol>

结果如下所示：

ol.tags {
    list-style: decimal  none outside;    
}

ol.tags li {
    background: transparent url(../images/tag.jpg) no-repeat;
    height: 80px;
    margin: 0px 0px 0px 0px;
    padding: 16px 0px 0px 60px;
}

我想让数字显示在白色标签中，有人能帮忙吗？

您可以使用

背景：透明url../images/tag.jpg不重复；对于ol.tags，而不是ol.tags li，您可以使用

---

背景：透明url../images/tag.jpg不重复；对于ol.tags，而不是ol.tags li

嘿，Burt，Sortiris指出的是，您的订单列表有一种运行重复的背景，请参见此处的良好解释：

我已经试着去做你所说的，但我担心如果没有定制的数字或标记，这可能是不可能的

不过，您的思路是正确的，但我会在其中创建ol列表样式，然后您仍然需要找出一种方法，将订单列表编号从列表内容中推离

---

看起来您需要将自己的计数器添加到列表中

嘿，伯特，Sortiris指出的是，你的订单列表有一种运行重复的背景。请看下面的解释：

我已经试着去做你所说的，但我担心如果没有定制的数字或标记，这可能是不可能的

不过，您的思路是正确的，但我会在其中创建ol列表样式，然后您仍然需要找出一种方法，将订单列表编号从列表内容中推离

---

看起来您需要将自己的计数器添加到列表中

一个选择可能是将您的白色方形图像放大，使其与您希望的li的高度一样高。然后将其作为ol而不是li的背景，并在y方向上重复

另一种选择是切换ol，使其具有前面提到的内部样式，然后在li内粘贴一个跨距，并留下一些填充，以将其定位在您想要的位置

---

编辑：通过使白色正方形图像变大，我的意思是添加透明填充，或与页面背景匹配的内容。因此，图像的尺寸较大，但白色区域保持不变。

一个选项可能是将白色方形图像放大，使其与您希望的li的高度一样高。然后将其作为ol而不是li的背景，并在y方向上重复

另一种选择是切换ol，使其具有前面提到的内部样式，然后在li内粘贴一个跨距，并留下一些填充，以将其定位在您想要的位置

---

编辑：通过使白色正方形图像变大，我的意思是添加透明填充，或与页面背景匹配的内容。因此，图像的尺寸较大，但白色区域保持不变。

对其进行排序我就是这样做的：

首先，我在内容周围添加了一个span标记：

<ol class="main tags">
    <li class="main"><span>Gumpshen was founded by Brendan Rice who has over 10 years experience in web development.</span></li>
    <li><span>We are web design & development studio who are passionate about what we do.</span></li>
    <li><span>We are based in Belfast, Northern Ireland and but don't let that put you off if you are not from Northern Ireland we would still love to help.</span></li>
</ol>

---

我就是这么做的：

首先，我在内容周围添加了一个span标记：

<ol class="main tags">
    <li class="main"><span>Gumpshen was founded by Brendan Rice who has over 10 years experience in web development.</span></li>
    <li><span>We are web design & development studio who are passionate about what we do.</span></li>
    <li><span>We are based in Belfast, Northern Ireland and but don't let that put you off if you are not from Northern Ireland we would still love to help.</span></li>
</ol>

---

我假设tag.jpg是你的白色方形盒子？我假设tag.jpg是你的白色方形盒子？如果你在jsbin.com上给我们一个活生生的例子会有帮助，如果你在jsbin.com上给我们一个活生生的例子会有帮助。我并不是真的从他的帖子中了解到这一点，但谢谢你澄清。看看下面我是如何解决的，没有对额外的标记大惊小怪，但不知道其他的方法。我并没有从他的帖子中真正了解到这一点，但谢谢你澄清。看看下面我是如何解决这个问题的，我没有对额外的标记大惊小怪，但不知道还有其他方法。