css 分割线

CSS分割线是指一条纵向或横向的线条，用于分隔不同的内容块。CSS分割线可以用于美化页面布局或提高内容的可读性。下面介绍一些CSS分割线的实现方法。

/* 水平分割线 */
hr {
    height: 1px;
    border: none;
    background-color: #ccc;
    margin: 20px 0;
}

/* 垂直分割线 */
.vert-line{
    border-left: 1px solid #ccc;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
}

/* 虚线分割线 */
.dashed-line{
    border-top: 1px dashed #ccc;
    height: 0;
    margin: 10px 0;
}

以上就是三种常用的CSS分割线的实现方法，对于每一种分割线，都可以根据自己的需求来进行定制化的样式设计。在实际项目中，根据不同的布局需求，可以采用不同的分割线，以达到美化页面或提高可读性的效果。