CSS可以很方便的在塊邊上加線，來幫助我們優化頁面布局，以下是兩種在CSS中實現給塊邊加線的方法：

/* 方法1：使用border屬性 */
div {
border-top: 1px solid black; /*上邊框*/
border-bottom: 1px solid black; /*下邊框*/
border-left: none; /*左邊框*/
border-right: none; /*右邊框*/
}
/* 方法2：使用偽元素 */
div:before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: black;
}
div:after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: black;
}

方法1中，我們使用border屬性來給塊添加線。我們指定了上下邊框為1像素黑線，而左右邊框為none，這樣就只保留了上下邊框。這種方法的好處是可以很方便的指定邊框的樣式，如線條粗細、顏色、邊框樣式等。

方法2中，我們使用偽元素來實現添加邊線。我們給塊添加了:before和:after兩個偽元素，然后設置寬度為100%，高度為1像素，并給它們設置了背景顏色，這樣就實現了在塊邊上添加線的效果。這種方法的好處是可以使用偽元素為其他元素添加線條，更加靈活。