CSS中背景添加邊框是一種常見的設計技巧，它可以讓頁面看起來更加美觀、整潔。下面就讓我們來介紹一下如何使用CSS給背景添加邊框。

首先，我們需要使用CSS的background屬性來設置背景顏色和圖像。如果我們要給背景添加邊框，我們可以在background屬性的基礎上再添加border屬性。border屬性可以設置邊框的寬度、樣式和顏色。

/* 設置背景顏色和圖片 */
body {
background-color: #f6f6f6;
background-image: url("background.jpg");
background-repeat: no-repeat;
background-position: center center;
}
/* 給背景添加邊框 */
body {
border: 1px solid #ccc;
}

通過上面的代碼，我們可以看到，我們先設置了背景顏色和圖片，然后再使用border屬性添加了一個灰色的邊框。這個邊框的寬度為1像素，樣式為實線，顏色為#ccc。

除了直接在body元素上添加邊框之外，我們還可以通過偽元素來實現這個效果。我們可以使用:before或:after偽元素來創建一個半透明的層，然后再在這個層上添加邊框。這個方法的好處是可以讓邊框的寬度和顏色更加靈活地控制。

/* 使用偽元素來創建半透明的層 */
body:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: rgba(255, 255, 255, 0.8);
border: 2px solid #ccc;
}

通過上面的代碼，我們可以看到，我們在body元素的:before偽元素里創建了一個半透明的層，并在這個層上添加了2像素寬的灰色邊框。在設置半透明層的時候，我們使用了rgba()函數來設置背景顏色和透明度。其中255, 255, 255代表白色，0.8代表透明度為80%。

總之，通過CSS中的background和border屬性，我們可以簡單而靈活地給背景添加邊框，從而讓頁面更加美觀。