/* 定义一个盒子的宽高 */ .box { width: 200px; height: 100px; } /* 定义盒子的边框 */ .box { border: 1px solid #000; } /* 定义盒子的内边距 */ .box { padding: 10px; /* 上右下左 */ } /* 定义盒子的外边距 */ .box { margin: 10px; /* 上右下左 */ }
盒子模型在页面布局中扮演着非常重要的角色,一旦掌握了盒子属性的使用,便可以更加灵活地控制页面的布局。同时,盒子属性也是CSS中的基础知识,对于合理使用CSS具有重要的意义。