元素。我們給這個容器元素添加一個id屬性，比如說我們設定id為“box”:

接下來，我們在CSS中使用內邊距屬性，將容器元素的高度設定為跨行的總高度：

#box {
height: 50px;
padding: 25px 0;
}

緊接著，我們使用絕對定位來制作兩個橫線。我們需要使用兩個div元素，分別用于表示上下橫線，然后設定它們的樣式：

#box .line {
position: absolute;
left: 0;
width: 100%;
height: 1px;
}
#box .line.top {
top: 0;
background-color: #f00;
}
#box .line.bottom {
bottom: 0;
background-color: #00f;
}

這里我們先設定絕對定位，然后將左側位置設為0，寬度設為100%。因為我們只需要制作橫線，所以高度足以只設定為1px，然后再根據上下橫線來分別設定它們的位置和顏色。這里我將上橫線的顏色設定為紅色，下橫線的顏色設定為藍色。最后，我們把兩個div元素插入到容器元素內：

完成之后，你會發現上下兩條橫框已經呈現在你的頁面中。這就是制作上下橫框的全部過程。