CSS是一种用于格式化HTML文档的样式表语言。在CSS中，我们可以使用各种属性和选择器来操作HTML元素并改变其样式。其中，对<div>元素的内容进行设置和布局是常见的需求之一。在本文中，我们将详细介绍如何使用CSS来控制<div>元素的内容。

案例一：调整<div>的宽度和高度

要改变<div>元素的宽度和高度，我们可以使用CSS中的width和height属性。例如，如果我们希望<div>元素的宽度为200像素，高度为100像素，可以使用以下代码：

<div style="width: 200px; height: 100px;">
这是<div>元素的内容。
</div>

上述代码中，通过在<div>标签中嵌入style属性，并设置width和height属性，我们可以改变<div>元素的宽度和高度。

案例二：设置<div>的背景颜色和文字颜色

要设置<div>元素的背景颜色和文字颜色，我们可以使用CSS中的background-color和color属性。例如，如果我们希望<div>元素的背景颜色为蓝色，文字颜色为白色，可以使用以下代码：

<div style="background-color: blue; color: white;">
这是<div>元素的内容。
</div>

上述代码中，通过设置background-color属性为blue，color属性为white，我们可以改变<div>元素的背景颜色和文字颜色。

案例三：调整<div>的边框样式和边距

要调整<div>元素的边框样式和边距，我们可以使用CSS中的border和margin属性。例如，如果我们希望<div>元素有一个红色的实线边框，并在内容周围有10像素的边距，可以使用以下代码：

<div style="border: 1px solid red; margin: 10px;">
这是<div>元素的内容。
</div>

上述代码中，通过设置border属性为1像素红色实线边框，margin属性为10像素，我们可以调整<div>元素的边框样式和边距。

通过以上几个代码案例，我们可以看到，使用CSS可以轻松控制<div>元素的内容。除了上述属性外，CSS还提供了众多其他属性可以进一步定制和美化<div>元素的内容。掌握这些技巧，可以让我们更好地设计和布局网页中的<div>元素。