有没有办法用破折号(即 - 或“或”)在 HTML 中创建列表样式–,—即
–
—
<ul> <li>abc</li> </ul>
输出:
- abc
我想到用类似的东西来做这个li:before { content: "-" };,虽然我不知道那个选项的缺点(并且非常有义务提供反馈)。
li:before { content: "-" };
更一般地说,我不介意知道如何将通用字符用于列表项。
您可以使用:before并content:记住,IE 7 或更低版本不支持此功能。如果您对此感到满意,那么这是您最好的解决方案。有关完整详细信息,请参阅Can I Use或QuirksMode CSS 兼容性表。
:before
content:
应该在较旧的浏览器中使用的稍微糟糕的解决方案是使用图像作为项目符号点,并使图像看起来像破折号。有关示例,请参见W3Clist-style- image页面。
list-style- image