CSS定义HR水平线的几种样式

CSS可以通过以下几种方式来定义HR水平线的样式：

1. 通过border属性定义边框样式，如下所示：

hr {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: black;
}

2. 通过height和background-color属性定义实线样式，如下所示：

hr {
  height: 1px;
  background-color: black;
  border: none;
}

3. 通过设置CSS伪类before和content属性来定义虚线样式，如下所示：

hr {
  border: none;
  height: 1px;
  position: relative;
}
hr:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed black;
}