css 如何在列表样式中使用加号(+)< li>?

bgtovc5b  于 2023-01-18  发布在  其他
关注(0)|答案(4)|浏览(159)

我想知道我们是否可以在列表样式中使用加号。在<li>列表样式中,我们可以用加号来代替圆盘、圆圈...吗?

li {list-style: disc...}
kokeuurv

kokeuurv1#

加号不像圆盘、圆圈等那样有列表样式,但是您可以将:before选择器与content属性一起使用来获得类似的结果。
下面是让它工作的CSS代码:

ul {
    list-style: none;
}

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

nnvyjq4y2#

你可以用一张图片来代替它。

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

cvxl0en23#

使用CSS 3时,最好使用“list-style-type”属性。
下面的CSS代码是最简单有效的方法:

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

s71maibg4#

上面的回答对我很有效,但是我得到了一些奇怪的项目符号间距,所以添加几个空格使它看起来一样。
ul {list-style-type: "+ ";}

相关问题