码农教程 - 一技在手,衣食无忧! tools

HTML <div> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

文档中使用 CSS 设计样式的 <div> 部分：

<html>
<head>
<style>
.myDiv {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
}
</style>
</head>
<body>

<div class="myDiv">
  <h2>This is a heading in a div element</h2>
  <p>This is some text in a div element.</p>
</div>

</body>
</html>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

这个<div>标签定义 HTML 文档中的一个部分或一个部分。

这个<div>标签用作 HTML 元素的容器 - 然后使用 CSS 设置样式或使用 JavaScript 进行操作。

这个<div>使用 class 或 id 属性可以轻松设置标签的样式。

任何类型的内容都可以放入<div>标签！

笔记：默认情况下，浏览器总是在之前和之后放置一个换行符<div>元素。

浏览器支持

Element
<div> Yes Yes Yes Yes Yes

全局属性

这个<div>标签还支持HTML 中的全局属性。

事件属性

这个<div>标签还支持HTML 中的事件属性。

相关页面

HTML 教程：HTML 块和内联元素

HTML 教程：HTML布局

HTML DOM 参考：Div 对象

默认 CSS 设置

大多数浏览器都会显示<div>具有以下默认值的元素：

示例

div {
  display: block;
}
亲自试一试 »

❮上一节 完整的 HTML参考 下一节❯