在CSS中，方框是一個非常重要的概念。我們可以通過CSS樣式來控制方框的大小、顏色、邊框等屬性。在控制方框邊框屬性時，我們可以使用方框上下左右的屬性來設置邊框樣式。

.box {
border-top: 1px solid #ccc;  /* 設置上邊框為1像素寬、實線、灰色 */
border-right: 2px dashed #f00;  /* 設置右邊框為2像素寬、虛線、紅色 */
border-bottom: 3px dotted #00f;  /* 設置下邊框為3像素寬、點狀線、藍色 */
border-left: 4px double #0f0;  /* 設置左邊框為4像素寬、雙實線、綠色 */
}

這段CSS樣式代碼中，我們通過box類名稱來定義一個方框，并分別使用border-*屬性來設置方框的各個邊框屬性。其中，我們分別設置了上邊框為1像素寬、實線、灰色；右邊框為2像素寬、虛線、紅色；下邊框為3像素寬、點狀線、藍色；左邊框為4像素寬、雙實線、綠色。

需要注意的是，border-*屬性的順序必須按照“上右下左”的順序進行設置。如果不想設置某個邊框屬性，可以使用border: none;來清除邊框。

除了使用border-*屬性來設置方框邊框屬性外，我們還可以使用outline-*屬性來設置方框的輪廓線。outline-*屬性和border-*屬性類似，也有上下左右的區別，可以用來設置方框的虛線輪廓、圓角輪廓等效果。