Question

我的html是

<div id="heading1">
    <ul class="heading">
        <li>Geelong</li>
    </ul>
</div>

css是

.heading {
    font-size: 24px;
    text-align: center;
    list-style-image: url('img/stationary/marker.png');
}

如果我直接进行CSS内联，则可以，但不能正常工作。

Answer 1

使用该代码：

<div id="heading1">
    <ul class="heading">
        <li>Geelong</li>
    </ul>
</div>

.heading{
    font-size: 24px;
    text-align: center;
    list-style-image: url('https://www.google.fr/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png');
}

该列表正确显示，并带有Google徽标作为项目符号。看来您的问题是图片的URL错误。您可以验证它是否指向存在的图像（认为它是相对链接）

li是内联的，但不是

1 个答案: