在網頁中經常需要使用一條線進行分隔或裝飾。使用CSS可以輕松地實現這個效果。

/* CSS樣式 */ 
hr {
height: 1px;
background-color: #000000;
border: none; 
}

在上面的代碼中,hr是一個HTML元素標簽，是表示分隔線的標記。通過設置CSS樣式，可以控制分隔線的樣式。

其中，height設置分隔線的高度，單位可以是px、em、%等等。background-color設置分隔線的顏色，可以使用CSS顏色名稱或十六進制值。border設置分隔線的邊框樣式，none表示不顯示邊框。

通過上述CSS樣式設置，可以在HTML代碼中使用hr標簽來顯示一條簡單的分隔線。

/* HTML代碼 */
Title
Content

在上面的HTML代碼中，hr標簽在標題和內容之間顯示了一條分隔線。

在一些情況下，我們可能需要使用一條虛線來顯示分隔線。可以通過以下代碼實現：

/* CSS樣式 */ 
hr.dotted {
border-style: dotted;
}

在上面的代碼中，我們添加了一個dotted類，用于設置分隔線的邊框樣式為虛線。

在HTML代碼中使用類名為dotted的hr標簽，就可以顯示一條虛線分隔線了。

/* HTML代碼 */
Title
Content

如此便可在網頁上展現一條美觀的分隔線，豐富內容的呈現效果。