在CSS中，我們可以使用border屬性來設置HTML元素的邊框樣式。邊框既可以為元素添加可視化的外框，也可以用于制作分割線或陰影效果。下面是一段示例代碼：

.box {
border: 1px solid black;
border-top: none;
display: flex;
justify-content: space-between;
}
.box div {
width: 30%;
height: 50px;
border: 1px solid black;
box-sizing: border-box;
}

在上述代碼中，我們使用了一個帶有四個邊框的容器元素“box”，并在其中添加了三個子元素“div”。為了橫向排列這些邊框，我們使用了Flexbox布局，將三個“div”元素通過“justify-content: space-between;”屬性橫向排列，并使用“box-sizing: border-box;”保證每個“div”元素的邊框樣式不會影響其寬度和高度。

需要注意的是，我們使用了“border-top: none;”屬性將父元素的上邊框去除，避免其與子元素的邊框產生混淆，并使用了“width: 30%;”屬性為每個子元素指定了寬度，使它們在橫向排列中占據相同的空間。

通過使用CSS的border屬性和Flexbox布局，我們可以輕松實現HTML元素的橫向邊框排列。這種技術可用于制作分割線、邊框框架和其他各種復合形式的UI元素。