利用CSS畫拼圖塊是一項讓網頁更加生動有趣的技術。下面是一個簡單示例：

.puzzle {
width: 300px;
height: 300px;
background-color: #888;
display: flex;
flex-wrap: wrap;
}
.puzzle-piece {
width: 100px;
height: 100px;
background-image: url("puzzle.png");
background-size: 300px 300px;
}
.piece1 {
background-position: 0 0;
}
.piece2 {
background-position: -100px 0;
}
.piece3 {
background-position: -200px 0;
}
(piece4, piece5, piece6的CSS代碼省略)

以上代碼實現了一個拼圖塊區域，其中包含六個1:1的子元素。拼圖塊可以使用不同的背景圖片，將圖片分割成六個部分，然后每個拼圖塊使用不同的background-position安排自己的背景圖案，完成一個完整的拼圖塊。這可以讓我們做出極為生動的網頁和互動游戲。