HTML是網(wǎng)頁(yè)制作中的重要語言，掌握HTML中的盒子模型可以讓我們更好地在網(wǎng)頁(yè)中排版布局。在HTML中，盒子模型包括內(nèi)容(content)、填充(padding)、邊框(border)和外邊距(margin)四個(gè)部分，這四個(gè)部分組成了一個(gè)完整的盒子。設(shè)置盒子的各邊有很多方法，下面來介紹兩種常用的方法。

.box {
width: 200px;
height: 200px;
border: 1px solid #000;
padding: 10px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)名為box的盒子，設(shè)置了它的寬度為200px，高度為200px，并添加了1像素的黑色實(shí)心邊框。同時(shí)，我們使用padding屬性設(shè)置了盒子的內(nèi)邊距為10px。在設(shè)置外邊距時(shí)，我們使用了margin-top和margin-bottom屬性分別設(shè)置盒子上下方向的外邊距為20px，使用了margin-right和margin-left屬性將盒子水平方向的外邊距設(shè)置為自動(dòng)，實(shí)現(xiàn)了盒子的水平居中對(duì)齊。

.box {
width: 200px;
height: 200px;
border: 1px solid #000;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
margin: 20px auto;
}

下面是另一種設(shè)置盒子各邊的方法。同樣是創(chuàng)建了一個(gè)名為box的盒子，設(shè)置了寬度和高度，并添加了黑色實(shí)心邊框。不同的是，我們使用padding-top、padding-right、padding-bottom和padding-left屬性分別設(shè)置了盒子每個(gè)方向的內(nèi)邊距大小，并使用margin屬性一次性設(shè)置了上下左右的外邊距，實(shí)現(xiàn)了盒子的居中對(duì)齊。需要注意的是，使用這種方法來設(shè)置內(nèi)邊距時(shí)，數(shù)字的順序分別代表top、right、bottom、left方向的內(nèi)邊距大小。

以上是兩種常用的設(shè)置HTML盒子各邊的方法，這些方法可根據(jù)實(shí)際需求選擇。在實(shí)際使用時(shí)，也可以結(jié)合CSS的其他屬性，如背景、陰影、過渡等來優(yōu)化盒子的效果，讓網(wǎng)頁(yè)更加美觀。