HTML <div> 标签
示例
使用 CSS 样式化的文档中的 <div> 区域
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>这是一个 div 元素中的标题</h2>
<p>这是一个 div 元素中的一些文本。</p>
</div>
</body>
</html>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
<div>
标签定义 HTML 文档中的一个分区或一个区域。
<div>
标签用作 HTML 元素的容器 - 然后用 CSS 样式化或用 JavaScript 操作。
<div>
标签通过使用 class 或 id 属性可以轻松样式化。
任何类型的内容都可以放在 <div>
标签内!
注意:默认情况下,浏览器总是在 <div>
元素之前和之后放置一个换行符。
浏览器支持
元素 | |||||
---|---|---|---|---|---|
<div> | 是 | 是 | 是 | 是 | 是 |
全局属性
<div>
标签还支持 HTML 中的全局属性。
事件属性
<div>
标签还支持 HTML 中的事件属性。
相关页面
HTML 教程:HTML 块级和内联元素
HTML 教程:HTML 布局
HTML DOM 参考:Div 对象
默认 CSS 设置
大多数浏览器将以以下默认值显示 <div>
元素