CSS是一種用于網頁設計和排版的語言，可以實現很多精美的效果。其中，水平線是一個常見的元素，用于分隔頁面內容或強調重點信息。不過，通常我們只能使用默認的實心線條，這個小技巧將教你如何使用CSS制作一個空心水平線。

首先，在HTML中添加一個hr標簽，這是創建水平線的最簡單方式。然后，為hr標簽添加一個class屬性，例如“hollow-line”，這樣我們可以在CSS中對這個元素進行樣式定義。

<hr class="hollow-line">

接下來，在CSS中添加樣式定義。首先，設置hr元素的顏色為透明，這樣它就看不見了。然后，設置hr元素的高度為2px，寬度為100%。在這之后，設置hr的after偽元素的屬性。設置為絕對定位，并且寬度為100%。這個空心效果依靠了after偽元素。

最后的結果是一個漂亮的空心水平線，可以用來增加頁面設計的多樣性。