[分享]css中怎么弄一条分割线

CSS 中有多种方法可以实现分割线的效果，下面介绍其中两种方法：

1. 使用 border 属性

代码如下：
.separator {
  border-top: 1px solid #ccc;
} 

其中，.separator 是自定义的 class 名称，可以按照需求自行修改。border-top 表示给上边框添加样式，1px 表示边框的宽度，solid 表示边框的样式为实线，#ccc 表示边框颜色。通过这样的设置，可以在页面中添加一条横向的分割线。

2. 使用伪元素 ::before 或 ::after

代码如下：
.separator::before {
  content: "";
  display: block;
  height: 1px;
  background-color: #ccc;
} 

其中，.separator 依然是自定义的 class 名称。通过 ::before 或 ::after 创建一个伪元素，content: "" 表示伪元素中不需要任何文字内容，display: block 表示将伪元素设置为块级元素，height: 1px 表示设置伪元素的高度为 1px，background-color: #ccc 表示设置伪元素的背景颜色为 #ccc。这样的设置也可以在页面中添加一条横向的分割线。

以上两种方法都可以实现分割线的效果，具体使用方法可以按照需要选择。