在網頁設計中，外邊框是一個重要的元素。它可以用來給元素增加視覺效果，使得網頁更加美觀。所以，為了達到不同的效果，我們需要了解如何設置外邊框。下面，我們將介紹幾種設置外邊框的CSS代碼。

/* 為元素設置邊框 */
border: 1px solid black;
/* 分別設置上、右、下、左四個方向的邊框 */
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
/* 設置邊框的圓角 */
border-radius: 5px;
/* 分別設置上、右、下、左四個方向的圓角 */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
/* 設置元素的陰影效果 */
box-shadow: 2px 2px 2px black;
/* 分別設置元素的上、右、下、左四個方向的陰影效果 */
box-shadow: 2px -2px 2px black; /* 右上 */
box-shadow: -2px -2px 2px black; /* 右下 */
box-shadow: -2px 2px 2px black; /* 左下 */
box-shadow: 2px 2px 2px black; /* 左上 */

以上代碼可以用來設置元素的外邊框。其中，border屬性可以設置元素的邊框，包括線條顏色、粗細和樣式等。border-radius屬性可以用來設置元素的圓角效果，使得元素更加圓潤。box-shadow屬性可以設置元素的陰影效果，使得元素跟底部產生一定的視覺分離感。

通過上述代碼，我們可以輕松地設置出各種不同風格的元素外邊框。這樣，我們就能夠讓網頁看起來更加漂亮了。