CSS3中提供了豐富的邊框和邊界樣式，讓我們在設(shè)計網(wǎng)頁時更加靈活。

/* 邊框樣式 */
.box {
border: 1px solid #000; /*實線邊框*/
border-style: dotted; /*虛線邊框*/
border-width: 3px; /*邊框?qū)挾?/
border-radius: 5px; /*圓角邊框*/
border-color: red; /*邊框顏色*/
}
/* 邊界樣式 */
.box {
padding: 10px; /*內(nèi)邊距*/
margin: 20px; /*外邊距*/
box-sizing: border-box; /*盒模型*/
}

邊框樣式可以通過border屬性來控制邊框的寬度、樣式、顏色等，同時還可以通過border-radius屬性使得邊框呈現(xiàn)圓角效果。而邊界樣式則可以通過padding和margin屬性來控制元素的內(nèi)外邊距，增加板塊間的間隔和美化元素樣式，同時可以通過box-sizing屬性來控制盒模型，使得盒子的寬度和高度不再受到padding和border的影響。