css如何设置水平线 |打印css var

css改变img，css判断语句，css 背景图像居中，css 带有箭头的边框，css添加背景多种颜色，css表格奇偶行颜色不同，打印css var css如何设置水平线 |打印css var

/* 通过border-top设置 */
hr{
border-top: 1px solid #ccc;
margin: 20px 0; /* 可以调整线与其他元素之间的距离 */
}
/* 通过border-bottom设置 */
hr{
border-bottom: 1px solid #ccc;
margin: 20px 0;
}
/* 通过伪元素before或after设置 */
hr{
position: relative;
}
hr:before{
display: block;
content: "";
height: 1px;
width: 100%;
background-color: #ccc;
position: absolute;
top: 50%;
z-index: -1; /* 将线放到底层，避免覆盖下面的文本 */
}

以上是通过CSS设置水平线的三种方法，分别使用了border-top、border-bottom以及伪元素before。它们都是能达到相同的效果，根据具体情况选择合适的方法即可。