在HTML5中，设置盒子（Box）主要涉及到CSS（层叠样式表）的使用，盒子模型是CSS布局的基础，它包括了内容（content）、内边距（padding）、边框（border）和外边距（margin），通过调整这些属性，可以控制元素在页面上的显示效果，下面，我们将详细介绍如何使用CSS来设置HTML5中的盒子模型。
1、内容（Content）
内容是盒子模型的核心，它指的是元素的实际内容，如文本、图片等，在CSS中，可以通过width和height属性来设置内容的宽度和高度。
div {
width: 300px;
height: 200px;
}
2、内边距（Padding）
内边距是内容与边框之间的空间，它会影响盒子的实际大小，但不会影响元素在页面上的占位，内边距可以通过padding-top、padding-right、padding-bottom和padding-left属性分别设置，也可以使用padding属性一次性设置所有四个方向的内边距。
div {
padding: 20px;
}
3、边框（Border）
边框是围绕内容和内边距的一条线，边框的样式、宽度和颜色可以通过border-top-style、border-right-style、border-bottom-style、border-left-style、border-top-width、border-right-width、border-bottom-width、border-left-width、border-top-color和border-right-color等属性来设置，也可以使用简写属性border来一次性设置所有边框的样式、宽度和颜色。
div {
border: 1px solid #000000;
}
4、外边距（Margin）
外边距是元素与其他元素之间的空间，它决定了元素在页面上的位置，外边距可以通过margin-top、margin-right、margin-bottom和margin-left属性分别设置，也可以使用margin属性一次性设置所有四个方向的外边距。
div {
margin: 10px;
}
5、盒模型的布局方式
CSS盒模型有两种布局方式：标准盒模型和IE盒模型，标准盒模型（默认）中，元素的总宽度和高度等于内容宽度（或高度）+ 左右内边距 + 左右边框 + 左右外边距，而IE盒模型中，元素的总宽度和高度等于内容宽度（或高度）+ 左右边框 + 左右外边距，可以通过box-sizing属性来切换盒模型的布局方式。
div {
box-sizing: border-box; /* IE盒模型 */
}
6、盒模型的显示类型
CSS中有两种基本的盒模型显示类型：块级元素（block-level）和内联元素（inline），块级元素独占一行，可以设置宽度和高度；内联元素不会独占一行，宽度和高度设置通常无效，可以通过display属性来控制元素的显示类型。
div {
display: block; /* 块级元素 */
}
span {
display: inline; /* 内联元素 */
}
通过以上介绍，我们可以了解到HTML5中设置盒子模型的方法，在实际开发中，我们需要根据页面布局的需求，合理设置盒子模型的各个属性，以达到理想的显示效果，也需要注意浏览器兼容性和响应式设计，确保在不同设备和浏览器上都能正常显示。