HTML5 盒子模型是指將HTML元素視為一個矩形的盒子，包含內容、內邊距、邊框和外邊距。這個盒子的大小由width和height屬性定義，而內部的布局和樣式由盒子模型的四個部分定義。 盒子模型包含四個部分： - 內容(content)：元素內部的HTML文本內容部分。 - 內邊距(padding)：內容和邊框之間的空間。 - 邊框(border)：盒子的邊框。 - 外邊距(margin)：位于盒子外部的空白區域。 下面是一個使用HTML5 盒子模型的示例代碼：

<style>
.box {
width: 200px;
height: 200px;
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
margin: 10px;
}
</style>
<div class="box">
<p>這是一個DIV盒子模型的示例。</p>
</div>

以上代碼描述了一個DIV盒子模型的示例，定義了它的寬度、高度、背景色、邊框、內邊距和外邊距。這個盒子模型包含了一個段落元素，作為盒子的內容部分。可以看到，BOX在瀏覽器中呈現為一個200像素寬、200像素高的矩形盒子，其中包含有一個寬度等于內容寬度減去內邊距的段落元素。邊框和外邊距會占據盒子的外圍區域。通過使用盒子模型，可以輕松地對HTML元素進行布局和樣式的控制。