CSS是用來美化網頁的語言之一。在網頁中，我們可能需要某些元素橫著排列，比如導航欄、圖片輪播等。但是，如果我們想要橫著的元素有一個邊框，該如何實現呢？

這時，可以使用CSS的border屬性和display屬性結合起來，創建一個橫著的長框。

樣式代碼如下：
.horizontal-box{
display: flex; /*彈性盒子布局*/
}
.box{
width: 100px;
height: 50px;
border: 1px solid black;
margin-right: 10px; /*元素之間的間距*/
}

上述代碼中，我們使用了彈性盒子布局（display: flex）來將元素橫著排列。之后，為每個元素定義一個盒子（.box），設置盒子的寬度、高度以及邊框屬性。我們還可以通過設置元素之間的間距來讓長框看起來更加美觀。

在HTML中，我們只需要將需要橫著排列的元素放到有“horizontal-box”類名的div中即可。

HTML代碼：
<div class="horizontal-box">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

通過以上的代碼，我們可以創建一個簡單的橫著的長框。如果你想要更改長框的背景色、文字顏色等，可以繼續參考CSS相關技巧。