CSS3中的div模板是網頁設計中常用的布局方式，它可以將頁面劃分成不同的塊，在每個塊中放置不同的元素，實現網頁整體的美觀性和可讀性。以下是一些常用的CSS3 div布局模板。

/* 兩欄布局 */
.container {
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 1;
}
/* 三欄布局 */
.container {
display: flex;
}
.left {
flex: 1;
}
.middle {
flex: 2;
}
.right {
flex: 1;
}
/* 四欄布局 */
.container {
display: flex;
}
.left {
flex: 1;
}
.center-left {
flex: 1;
}
.center-right {
flex: 1;
}
.right {
flex: 1;
}

如上述代碼所示，我們使用了flexbox布局來實現多欄布局，其中.container為容器，.left、.middle、.right等為每個塊的類名，通過flex屬性設置每個塊的寬度比例。除此之外，我們還可以使用float、position等屬性來實現不同的布局效果。

在實際開發中，我們可以根據網頁設計需求選擇合適的布局模板，并根據實際情況進行適當的調整和修改，以實現更加符合用戶需求和視覺感受的網頁設計。