今天我們來講一下CSS中如何寫橫豎線。首先，我們需要明確橫豎線有什么作用以及何時需要用到它們。
橫線一般用于分割頁面上的不同區域，起到界面分隔的作用。而豎線一般用于分隔頁面內的不同內容，如文章中的段落。
接下來進入正題，如何寫CSS中的橫豎線。我們可以使用border屬性來繪制線條。下面是一些基本的示例：

/* 橫線示例 */
hr {
border-top: 1px solid black;
}
/* 豎線示例 */
.vertical-line {
border-left: 1px solid black;
height: 50px; /* 設置高度 */
margin: 0 10px; /* 可加入 margin 值來調整位置 */
}

可以看到，通過border屬性設置兩個屬性值，第一個是寬度，第二個是線條樣式。還可以通過設置height或者width來調整線條的長度和寬度。
以上只是很簡單的示例，實際應用時還可以通過CSS實現更加復雜的線條效果。比如通過linear-gradient來實現漸變色線條：

/* 漸變橫線示例 */
.grandient-line {
border: none;
height: 1px;
background-image: linear-gradient(to right, purple, #003973);
}

以上就是關于CSS中橫豎線的基本使用方法。在實際的前端開發中，我們可以靈活使用這些方法，來實現更加豐富的效果。