CSS的水平線對齊是頁面設計中的一個重要元素，可以用來放置標題、分隔不同的內容塊以及添加裝飾效果。水平線的對齊方式包括左對齊、居中對齊、右對齊和寬度鋪滿。

/* 左對齊 */
hr.left {
margin-left: 0;
margin-right: auto;
}
/* 居中對齊 */
hr.center {
margin-left: auto;
margin-right: auto;
}
/* 右對齊 */
hr.right {
margin-left: auto;
margin-right: 0;
}
/* 寬度鋪滿 */
hr.full-width {
margin: auto;
width: 100%;
}

這些CSS樣式可以用在特定的場合，例如需要將水平線放置在頁面的中心位置，則應該使用居中對齊的CSS樣式。如果需要在某個塊元素的左側或右側設置水平線，則應該使用左對齊或右對齊的CSS樣式。而如果需要將水平線鋪滿整個頁面，則應該使用寬度鋪滿的CSS樣式。

除了使用現成的CSS樣式外，還可以通過自定義CSS樣式來設置水平線的對齊方式。比如，可以將水平線的顏色、寬度、樣式等屬性設置成自己喜歡的風格，從而實現更加個性化的頁面設計。

總之，水平線的對齊方式在頁面設計中扮演著非常重要的角色，正確使用CSS樣式可以讓頁面呈現出更加美觀、清晰的效果。