html div

作者：月下孤魂发布日期:2026-03-19 浏览:51

<!DOCTYPE html>
<html>
<head>
    <title>HTML div 示例</title>
    <style>
        /* 使用 CSS 样式来设置 div 的外观 */
        .example {
            width: 200px;
            height: 100px;
            background-color: lightblue;
            border: 1px solid blue;
            padding: 10px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <!-- div 是一个块级元素，用于对文档进行分组和布局 -->
    <div class="example">
        这是一个使用 div 元素创建的方框。
    </div>

    <div class="example">
        您可以使用多个 div 来创建不同的布局部分。
    </div>
</body>
</html>

解释说明：

div 是 HTML 中的一个通用容器元素，通常用于对页面内容进行分组或布局。
在这个示例中，我们定义了两个 div 元素，并为它们添加了一个类名 example。
使用 CSS 样式设置了这些 div 的宽度、高度、背景颜色、边框、内边距和外边距，以展示如何通过样式控制 div 的外观。
每个 div 包含一些文本内容，展示了 div 的基本用法。

上一篇：学生个人网页制作html

下一篇：html注释