CSS中設(shè)置邊框外邊距，主要有兩種方式，分別是使用border和margin屬性。 一、使用border屬性 border屬性用來設(shè)置邊框的樣式、寬度和顏色，還可以通過設(shè)置border-spacing屬性來設(shè)置邊框之間的距離。相比于 margin，使用border屬性設(shè)置邊框外邊距可以使得邊框的效果更加清晰明了。 下面是一個(gè)使用border屬性設(shè)置邊框外邊距的代碼實(shí)例：

p {
border: 5px solid gray;
padding: 10px;
}

在上面的代碼中，我們使用border屬性給p標(biāo)簽設(shè)置邊框，值為5px solid gray，即邊框?qū)挾葹?像素，邊框樣式為實(shí)線，邊框顏色為灰色。同時(shí)，由于邊框會(huì)覆蓋部分內(nèi)容，我們還需要給p標(biāo)簽設(shè)置padding來留出空間。 二、使用margin屬性 margin屬性用來設(shè)置元素外邊距，可以讓元素的周圍留出一定的空白區(qū)域，這樣可以讓頁面布局更加美觀。通過為某個(gè)元素設(shè)置margin屬性，可以讓該元素與其他元素之間產(chǎn)生一定的距離，實(shí)現(xiàn)邊距的效果。 下面是一個(gè)使用margin屬性設(shè)置邊框外邊距的代碼實(shí)例：

p {
border: 5px solid gray;
margin: 20px;
}

在上面的代碼中，我們使用margin屬性給p標(biāo)簽設(shè)置外邊距，值為20px，這樣就可以讓p標(biāo)簽與其他元素之間有一定的距離了。同時(shí)還需要注意的是，由于邊框也會(huì)占據(jù)一定的空間，因此在使用margin設(shè)置外邊距時(shí)，還需要考慮邊框的寬度。 總結(jié) 通過使用border或margin屬性，可以實(shí)現(xiàn)對元素的邊框和外邊距進(jìn)行設(shè)置，從而讓頁面布局更加美觀。無論是使用哪種屬性，我們都需要注意邊框和外邊距之間的交疊問題，以及不同瀏覽器對于這些屬性的兼容性問題。