CSS中可以使用padding或margin來制作空白的格子，具體使用方法如下：

/*padding方式*/
.box1{
width:100px;
height:100px;
background:#ccc;
padding:10px; /*設置內邊距*/
}
/*margin方式*/
.box2{
width:100px;
height:100px;
background:#ccc;
margin:10px; /*設置外邊距*/
}

以上兩種方式都是在元素的四個邊緣增加間隙，不同之處在于padding會影響元素的大小，而margin只是在元素外添加間隔不會影響元素大小。

另外，如果需要制作多個格子的布局，可以使用float或display:inline-block來讓格子在一行顯示：

.item{
width:100px;
height:100px;
background:#ccc;
margin-right:10px; /*設置格子之間的間隔*/
float:left; /*或者使用display:inline-block*/
}

以上代碼會讓所有class為item的元素在一行顯示，并且每個元素之間有10px的間隔。