CSS中的邊框樣式是網頁設計中常用的樣式之一，但是很多人在寫邊框樣式時會有一個疑惑：邊框不能一起寫嗎？

.box {
border: 1px solid black;
border-top: none;
border-right: none;
border-left: none;
}

在CSS中，邊框樣式分為四個方向：上、下、左、右，可以分別進行設置，也可以同時設置。比如，可以使用border: 1px solid black;設置四周的邊框樣式。

但是有些時候，我們只想讓三個方向有邊框，比如只想讓上、右、左三個方向有邊框，此時，很多人就會嘗試使用以下代碼：

.box {
border: 1px solid black;
border-top: none;
border-right: none;
border-left: none;
}

然而，這段代碼是無法實現效果的。為什么呢？因為border和border-top、border-right、border-left是可以同時使用的。當兩者同時出現時，瀏覽器會先渲染border樣式，然后再渲染border-top、border-right、border-left，這樣就會導致border-top、border-right、border-left的設置被覆蓋掉，不會出現在頁面中。

因此，如果想要只設置部分方向的邊框樣式，應該使用border-top、border-right、border-left這些屬性，而不是和border一起使用。