CSS中的邊框是頁面設計中常用的元素之一，它可以突出顯示頁面元素的邊緣，以便更好地組織頁面內容。當我們想要對一個元素的所有邊框進行水平排列時，可以通過以下方式實現： 首先，我們需要為該元素設置邊框樣式，可以使用CSS的border屬性來設置元素的邊框風格、寬度和顏色，例如：

p {
border: 1px solid black;
}

上面的代碼將為每個p元素添加1像素寬度、黑色實線的邊框。 接下來，我們可以使用CSS的box-sizing屬性來更好地控制元素的邊框布局。當我們設置元素的盒子模型為border-box時，元素的寬度和高度將包含其邊框和內邊距，而不僅僅是內容。例如：

p {
border: 1px solid black;
box-sizing: border-box;
}

上面的代碼會將p元素的寬度和高度設置為包含其邊框和內邊距的總寬度和高度。 最后，我們可以使用CSS的display屬性將元素水平排列。當我們使用display: inline-block或display: inline屬性時，元素將按照其順序自動排列在同一行上。例如：

p {
border: 1px solid black;
box-sizing: border-box;
display: inline-block;
}

上面的代碼將使每個p元素按照其出現順序自動排列在同一行上，并在它們之間添加一個像素的間距。我們還可以使用margin-right屬性來更精確地控制元素之間的間距。 總結一下，通過設置邊框樣式、盒子模型和顯示屬性，我們可以輕松地將元素的邊框水平排列。這對于創建頁面布局和設計表格等元素非常有用。