CSS是前端開發中非常重要的一部分，它可以用來美化網站的外觀。在CSS中，我們可以使用各種各樣的樣式來裝飾頁面，其中就包括在界面上加條線。

div{
border-bottom: 1px solid black;
}

使用CSS中的border-bottom屬性可以在元素的下方添加一條線。我們可以通過設置顏色、線條寬度、樣式等來自定義線條的效果。

除了使用border-bottom屬性，我們還可以使用偽元素來實現添加線條的效果。比如，我們可以使用::before和::after偽元素來設置元素前后的線條，然后利用絕對定位和transform屬性來將其放置到正確的位置上。

div::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50%;
height: 1px;
background-color: black;
transform: scaleX(0.5);
}
div::after{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 50%;
height: 1px;
background-color: black;
transform: scaleX(0.5);
}

這段代碼將在div元素前后分別添加一條黑色的線條，并將其縮小至原來的一半。由于使用了絕對定位，線條不會對其他元素產生影響。

在開發過程中，我們可以根據需要使用CSS中的各種屬性和偽元素來實現想要的線條效果，從而使頁面看起來更加美觀。