CSS3中的邊框（border）是一個非常重要的樣式屬性，可以用來繪制HTML元素的外邊框。在CSS3中，邊框的樣式和繪制方式變得更加靈活和多樣化。其中一個比較新穎的特性就是邊框包在寬度之內(nèi)。接下來介紹一下這個特性的使用方法。

.example {
border: 10px solid red;
box-sizing: border-box;
}

以這段CSS代碼為例子，我們來普及一下什么是“邊框包在寬度之內(nèi)”。

在標(biāo)準(zhǔn)盒模型中，當(dāng)我們設(shè)置元素的寬度和高度時，這是指元素的content box的寬度和高度。而邊框(border)和內(nèi)邊距(padding)都是在寬度和高度之外的。而在“邊框包在寬度之內(nèi)”的盒模型中，邊框和內(nèi)邊距都被包含在了設(shè)置的寬度和高度之內(nèi)，不會再撐開元素。

為了實(shí)現(xiàn)這個效果，需要在CSS中使用box-sizing屬性，并將其值設(shè)置為border-box，既可讓設(shè)置的寬度和高度包含邊框和內(nèi)邊距。

總體而言，采用邊框包在寬度之內(nèi)的布局方式可以提高開發(fā)效率，避免誤差和計算的復(fù)雜性。而且它也更方便設(shè)計師進(jìn)行頁面設(shè)計。需要注意的是，在某些情況下，可能會產(chǎn)生不兼容的情況，所以在實(shí)際使用中，需要考慮各種因素，權(quán)衡各方面的收益和成本以及易用性和可維護(hù)性。