CSS是網頁設計的基礎，其中分割線的應用是網頁設計中非常重要的一部分。那么，在CSS中怎樣添加分割線呢？下面我們就來一起看看。

// 添加水平分割線
hr {
border: none;
border-top: 1px solid #ccc;
margin-top: 10px;
margin-bottom: 10px;
}
// 添加垂直分割線
// 一般使用偽元素::before或::after實現
.v-divider {
position: relative;
}
.v-divider::before {
content: "";
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
height: 100%;
border-left: 1px solid #ccc;
}
// 添加虛線分割線
.dashed {
border-style: dashed;
border-color: #ccc;
border-width: 1px 0 0 0;
height: 1px;
}
// 添加分割線間距
.line {
margin: 10px 0;
}

以上就是添加分割線的幾種示例代碼，需要根據實際需求進行調整。同時，我們還可以通過給分割線設置顏色、寬度等屬性，來使網頁更加美觀。