HTML div元素用于对网页内容进行分组，以便通过CSS样式对其进行样式化，以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<title>HTML Div Example</title>
<style>
.container {
width: 100%;
background-color: lightblue;
padding: 20px;
}
.header {
text-align: center;
font-size: 30px;
font-weight: bold;
}
.content {
margin-top: 20px;
font-size: 18px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
这是一个标题
</div>
<div class="content">
这是一段内容，在这个例子中，我们使用了HTML div元素来创建一个容器，然后在这个容器内部创建了两个子元素：一个标题和一个内容区域，我们使用CSS样式来设置这些元素的样式，例如背景颜色、内边距、文本对齐方式等。
</div>
</div>
</body>
</html>
这个示例中，我们首先定义了一个名为container的CSS类，用于设置容器的宽度、背景颜色和内边距，接下来，我们定义了一个名为header的CSS类，用于设置标题的文本对齐方式、字体大小和粗细，我们定义了一个名为content的CSS类，用于设置内容区域的上边距和字体大小。
在HTML部分，我们使用<div>标签创建了一个容器，并为其添加了container类，我们在容器内部创建了两个子元素：一个标题和一个内容区域，我们分别为这两个子元素添加了header和content类。
通过这种方式，我们可以使用HTML div元素和CSS样式来组织和样式化网页内容。