CSS線條可以為網頁增添層次感和立體感，讓頁面更加美觀。

/*線條樣式設置*/
.line{
border-bottom: 1px solid #000;
height: 0;
}
/*立體效果設置*/
.line3d{
position: relative;
box-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #000, -1px 0 0 #000, 0 2px 0 #777;
}

線條樣式的設置非常簡單，只需要通過border-bottom屬性設置底部邊框的樣式即可。同時，需要設置高為0，以避免邊框撐開容器。

而立體效果則需要通過position屬性和box-shadow屬性來實現。position屬性為relative，表示要相對于原位置稍稍上升一點，這樣就能產生立體的感覺。

box-shadow屬性則用于設置陰影。通過一系列的陰影設置，讓普通的線條立刻變得有立體感。具體的陰影設置可根據需求靈活調整。