如何在 <li> 列表样式中使用加号 (+)？答案

【问题标题】：How to have Plus sign (+) in <li> list-style?如何在 <li> 列表样式中使用加号 (+)？
【发布时间】：2013-09-27 05:27:12
【问题描述】：

我想知道我们是否可以在列表样式中使用加号。 <li> List 样式中的 Disc、Circle... 可以用加号代替吗？

li {list-style: disc...}

【问题讨论】：

【解决方案1】：

加号没有像圆盘、圆等那样的列表样式，但是您可以使用 :before 选择器和 content 属性来获得类似的结果。

这是让它工作的 CSS 代码：

ul {
    list-style: none;
}

li:before {
    content: "+";
    margin-right: 4px;
}

【讨论】：

【解决方案2】：

您可以使用图像来代替它。

li{list-style-image:url('...');}

【讨论】：

【解决方案3】：

对于 CSS 3，最好使用“list-style-type”属性。

此 CSS 代码将是最简单有效的方法：

ul {list-style-type: "+";}

【讨论】：