CSS 分隔線是網頁設計中常用的一個元素，它可以為頁面添加一些美觀的分隔線特效，使頁面元素更加清晰、易于閱讀。在本文中，我們將介紹一些常用的 CSS 分隔線特效。

/* 橫向分隔線 */
.hr {
display: block;
width: 100%;
height: 1px;
background-color: #ccc;
margin: 10px 0;
}
/* 帶有間隔的橫向分隔線 */
.hr-gap {
display: block;
width: 100%;
height: 1px;
background-color: #ccc;
margin: 10px 0;
background-image: repeating-linear-gradient(to right, #ccc, #ccc 5px, transparent 5px, transparent 10px);
}
/* 垂直分隔線 */
.vr {
display: inline-block;
width: 1px;
height: 100%;
background-color: #ccc;
margin: 0 10px;
}
/* 帶有間隔的垂直分隔線 */
.vr-gap {
display: inline-block;
width: 1px;
height: 100%;
background-color: #ccc;
margin: 0 10px;
background-image: repeating-linear-gradient(to bottom, #ccc, #ccc 5px, transparent 5px, transparent 10px);
}

通過上述 CSS 代碼，我們可以實現橫向分隔線和垂直分隔線，還可以通過添加間隔來使分隔線更加美觀。