CSS盒子屬性命令是用來控制HTML元素在頁面中的顯示位置和樣式效果的。其中，盒子屬性命令主要通過width（寬度）、height（高度）、margin（外邊距）、padding（內邊距）和border（邊框）等基礎屬性來定義，下面我們分別來看一下這些屬性的用法。

寬度和高度

.box {
width: 200px; /* 定義寬度為200像素 */
height: 100px; /* 定義高度為100像素 */
}

外邊距

.box {
margin-top: 10px; /* 定義上邊距為10像素 */
margin-right: 20px; /* 定義右邊距為20像素 */
margin-bottom: 30px; /* 定義下邊距為30像素 */
margin-left: 40px; /* 定義左邊距為40像素 */
}

內邊距

.box {
padding-top: 10px; /* 定義頂部內邊距為10像素 */
padding-right: 20px; /* 定義右側內邊距為20像素 */
padding-bottom: 30px; /* 定義底部內邊距為30像素 */
padding-left: 40px; /* 定義左側內邊距為40像素 */
}

邊框

.box {
border-style: solid; /* 定義邊框樣式為實線 */
border-width: 1px; /* 定義邊框寬度為1像素 */
border-color: #ccc; /* 定義邊框顏色為灰色 */
}

以上就是CSS盒子屬性命令的一些基本用法介紹，通過靈活運用這些基礎屬性，我們可以輕松地控制HTML元素在頁面中的大小、位置和樣式效果，進而實現豐富多彩的Web頁面設計。