CSS3是前端開發中非常重要的一部分，其中after是一個非常常用的屬性，用于在某個元素之后添加樣式。在這里，我們將重點關注其中的after橫線效果。

/* 創建一個偽元素 */
.after-line::after {
content: "";
display: block;
border-bottom: 2px solid black;
margin-top: 10px;
}

如上代碼塊所示，我們首先為指定元素創建一個偽元素，在after屬性中聲明content為空，display為block，也就是說它是一個塊級元素，而不是行內元素。接下來，設置了一個底邊框，邊框顏色為黑色， 寬度為2像素，樣式為實線，然后添加了一個10像素的上外邊距。

通過為偽元素添加樣式，我們可以在指定元素的下方創建一條橫線。如果您希望將樣式應用于其他元素，請使用“類”或“ID”來選擇它們，并將上述代碼塊中的“.after-line”更改為相應的選擇器。

總之，使用CSS3的after屬性創建橫線效果可能是一項有用的前端技能，尤其是對于需要添加分割線的網站或應用程序而言。