在Web設計中，盒子邊框是常常使用到的一種樣式。它可以用來美化頁面，突出元素等等。下面我們就來講一下如何設置盒子邊框的css。

.box {
border: 1px solid black;
}

在上面的代碼中，.box是我們要設置邊框的元素，border是css屬性，其中1px是邊框的寬度，solid是邊框的樣式，black是邊框的顏色。

如果我們只想給某一條邊設置邊框，可以使用border-{direction}的方式進行設置。

.box {
border-top: 1px solid black;
border-bottom: 2px dotted red;
border-left: 3px dashed green;
border-right: 4px double blue;
}

在上面的代碼中，我們分別設置了盒子上、下、左、右四條邊的邊框。其中，border-top表示設置上邊框，border-bottom表示設置下邊框，border-left表示設置左邊框，border-right表示設置右邊框。后面的數字、樣式、顏色的設置方式和之前一樣。

還可以通過border-width、border-style、border-color這三個屬性來分別設置邊框的寬度、樣式、顏色。

.box{
border-width: 1px 2px 3px 4px;
border-style: solid dotted dashed double;
border-color: black red green blue;
}

在上面的代碼中，我們分別設置了盒子上、右、下、左四條邊的邊框寬度、樣式、顏色。其中，border-width和border-style用空格分開不同邊框的設置，border-color可以設置多個顏色，也可以使用關鍵字none來隱藏某些邊框。

通過上述方法，我們可以很方便地設置盒子邊框的樣式，美化頁面，提高用戶的視覺體驗。