CSS中設(shè)置邊框外邊距，主要有兩種方式，分別是使用border和margin屬性。 一、使用border屬性 border屬性用來(lái)設(shè)置邊框的樣式、寬度和顏色，還可以通過(guò)設(shè)置border-spacing屬性來(lái)設(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í)線(xiàn)，邊框顏色為灰色。同時(shí)，由于邊框會(huì)覆蓋部分內(nèi)容，我們還需要給p標(biāo)簽設(shè)置padding來(lái)留出空間。 二、使用margin屬性 margin屬性用來(lái)設(shè)置元素外邊距，可以讓元素的周?chē)舫鲆欢ǖ目瞻讌^(qū)域，這樣可以讓頁(yè)面布局更加美觀。通過(guò)為某個(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é) 通過(guò)使用border或margin屬性，可以實(shí)現(xiàn)對(duì)元素的邊框和外邊距進(jìn)行設(shè)置，從而讓頁(yè)面布局更加美觀。無(wú)論是使用哪種屬性，我們都需要注意邊框和外邊距之間的交疊問(wèn)題，以及不同瀏覽器對(duì)于這些屬性的兼容性問(wèn)題。