div+css是一種流行的網頁布局技術，可以讓設計師和開發人員輕松地創建復雜的網頁和響應式布局。在本文中，我們將介紹div+css的簡單網頁制作方法。

下面是一個使用div+css的簡單網頁示例：

HTML代碼：

<div class="container">

<div class="content">

這是一個包含文本的div。

<br>

另一個div，這里可以包含圖像或其他元素。

<br>

</div>

</div>

CSS代碼：

.container {

width: 300px;

height: 300px;

background-color: #f0f0f0;

.content {

width: 100%;

height: 100%;

background-color: #fff;

display: flex;

flex-direction: column;

.content div {

width: 50%;

height: 50%;

background-color: #007bff;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

在這個示例中，我們創建了一個名為“container”的div，并將其寬度和高度設置為300像素和300像素。我們還為“content”div創建了一個寬高均為100%的塊級元素，并將其背景顏色設置為白色。在“content”div中，我們使用了一個flex布局，將div元素按照水平方向排列，并使用box-shadow設置了一個微小的陰影效果，以突出顯示文本和其他元素。

我們可以使用這些簡單的代碼來創建一個外觀豐富多彩的網頁。只需將div容器和其他元素組合在一起，即可實現各種布局，如表格布局、網格布局、瀑布流布局等等。通過使用div+css，我們可以輕松地創建簡單但功能齊全的網頁。