📜  行的引导 css 中没有装订线 - CSS (1)

📅  最后修改于: 2023-12-03 14:57:19.403000             🧑  作者: Mango

在 CSS 中没有装订线的行的引导

在 CSS 中创建没有装订线的行的引导,即不使用列表样式,可以通过以下两种方法实现。

1. 使用 :before 伪元素

可以使用 :before 伪元素为文本添加装订线样式。以下是一个示例:

ul {
  list-style: none;
}

ul li:before {
  content: "•";
  margin-right: 5px;
  color: #999;
}

这样就可以在每个列表项前添加一个小圆点作为装订线。

2. 使用 border

还可以使用 border 样式来创建装订线。以下是一个示例:

ul {
  list-style: none;
}

ul li {
  border-left: 1px solid #999;
  padding-left: 10px;
}

这样就可以在每个列表项左侧添加一个垂直的线作为装订线。

以上两种方法都可以实现没有装订线的行的引导,具体使用哪一种可以根据具体情况进行选择。

参考资料: