📅  最后修改于: 2023-12-03 14:57:19.403000             🧑  作者: Mango
在 CSS 中创建没有装订线的行的引导,即不使用列表样式,可以通过以下两种方法实现。
可以使用 :before 伪元素为文本添加装订线样式。以下是一个示例:
ul {
list-style: none;
}
ul li:before {
content: "•";
margin-right: 5px;
color: #999;
}
这样就可以在每个列表项前添加一个小圆点作为装订线。
还可以使用 border 样式来创建装订线。以下是一个示例:
ul {
list-style: none;
}
ul li {
border-left: 1px solid #999;
padding-left: 10px;
}
这样就可以在每个列表项左侧添加一个垂直的线作为装订线。
以上两种方法都可以实现没有装订线的行的引导,具体使用哪一种可以根据具体情况进行选择。
参考资料: