CSS是網(wǎng)頁開發(fā)中不可或缺的一部分，其中背景顏色和邊框是常用的樣式，在這篇文章里我們將討論如何使用CSS設(shè)置背景顏色和邊框。

首先是如何設(shè)置背景顏色，可以使用background-color屬性，如下所示：

body {
background-color: #F0F0F0;
}

這將使頁面的背景顏色變?yōu)闇\灰色。

當(dāng)然，你也可以針對元素單獨(dú)應(yīng)用背景顏色，比如使用以下代碼設(shè)置一個紅色的按鈕：

.btn {
background-color: red;
color: white;
padding: 10px;
border-radius: 5px;
border: none;
outline: none;
}

對于邊框的設(shè)置，可以使用border屬性，如下所示：

.box {
border: 1px solid #CCC;
padding: 10px;
}

這會讓具有.box類的元素?fù)碛幸粋€1像素寬、灰色的實線邊框。

除了實線邊框之外，還可以使用其他類型的邊框，比如虛線邊框、雙線邊框、點狀邊框等，具體可以參考CSS文檔。

比較常用的是使用border-radius屬性來實現(xiàn)元素的圓角邊框，如下所示：

.box {
border-radius: 5px;
padding: 10px;
}

這會使.box類的元素?fù)碛?像素的圓角邊框。

總結(jié)一下，CSS的background-color和border屬性是網(wǎng)頁開發(fā)中非常基礎(chǔ)和必須的樣式，通過這些屬性我們可以輕松地設(shè)置元素的背景顏色和邊框效果。