将 div 变为绿色

要将一个 div 元素变为绿色，我们需要使用 CSS 样式表来修改 div 的样式。具体实现如下：

div {
    background-color: green;
}

以上代码将会将所有 div 元素的背景颜色变为绿色。

如果我们只想将特定的 div 元素变为绿色，可以为该元素添加一个 class 属性，并在样式表中设置该 class 的样式：

<div class="my-class">Hello world!</div>

.my-class {
    background-color: green;
}

以上代码将会将 class 为 my-class 的 div 元素的背景颜色变为绿色。

当然，我们还可以进一步自定义 div 的样式，包括字体、边框、宽度等等。以下代码做了一个简单的演示：

<div class="my-custom-class">Hello world!</div>

.my-custom-class {
    background-color: green;
    color: white;
    border: 1px solid black;
    width: 200px;
    text-align: center;
    padding: 10px;
}

以上代码将会将 class 为 my-custom-class 的 div 元素的背景颜色变为绿色，字体颜色变为白色，添加了一个黑色边框，宽度为 200 像素，文本居中显示，并在四周添加了 10 像素的内边距。

总之，CSS 样式表是控制网页样式的重要工具，在开发网页时需要熟练掌握。