CSS是一種用于網頁渲染的語言，它提供了非常強大的控制網頁元素樣式的能力。在網頁設計中，邊框和背景是非常重要的元素。接下來，我們將學習如何使用CSS控制邊框和背景的樣式。

邊框和背景的樣式可以通過CSS中的border和background屬性來設置。這些屬性包含了許多可調整的選項，可以給我們非常多的自由度，讓我們可以非常靈活地控制邊框和背景。

/* 設置元素的邊框 */
border: 1px solid black; // 設置元素的邊框為1像素寬的黑色實線
/* 設置元素的背景 */
background-color: #f1f1f1; // 設置元素的背景顏色為淺灰色
background-image: url('image.jpg'); // 設置元素的背景為一張圖片
background-repeat: no-repeat; // 設置背景圖片不重復
background-position: center center; // 設置背景圖片的位置為居中

使用以上代碼，我們可以很方便地設置元素的邊框和背景樣式。如果要給元素設置圓角邊框，則可以使用border-radius屬性：

/* 給元素設置圓角邊框 */
border-radius: 5px; // 給元素的四個角設置5像素的圓角

此外，如果需要給元素的邊框設置陰影效果，則可以使用box-shadow屬性：

/* 給元素設置邊框陰影 */
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5); // 給元素設置2像素的偏移陰影，模糊半徑為5像素，顏色為半透明黑色

可以看到，CSS提供了非常多的選項，讓我們可以非常方便地控制元素的邊框和背景。掌握這些屬性，可以讓我們在網頁設計中更加得心應手。