CSS破折號分隔線是一種常見的美化效果，它可以用來分割文本或區域。本文將介紹如何使用CSS創建破折號分隔線。

hr {
border: none;
border-top: 1px dashed #ccc;
color: #fff;
height: 1px;
width: 100%;
margin: 20px 0;
}

以上代碼是創建一個基本的破折號分隔線的樣式設置。其中，我們將hr的邊框屬性設為none，然后將上邊框設為1像素由虛線組成的灰色，高度設為1像素，寬度設為100%。最后，我們在hr元素的上下添加20像素的內邊距，使其與其他元素有所區別。

如果您想修改分隔線的樣式，可以按照以下修改。

hr {
border: none;
border-top: 3px solid #0099cc;
color: #0099cc;
height: 3px;
width: 50%;
margin: 20px auto;
}

以上代碼將修改破折號分隔線為藍色的實線，高度為3像素，寬度為50%，相對于屏幕居中對齊。

如果您想僅在某個區域內添加破折號分隔線，可以使用容器選擇器，例如下面的例子：

.container hr {
border: none;
border-top: 1px dashed #ccc;
height: 1px;
width: 100%;
margin: 20px 0;
}

以上代碼將在 .container 元素內添加破折號分隔線。

總的來說，CSS破折號分隔線是一種簡單有效的美化效果，可以增強網站界面的美觀性和可讀性。